@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');:root{--ink:#183b34;--green:#146b54;--cream:#f8f6ef;--gold:#d9a74c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#23372e;font:16px/1.7 Manrope,'Noto Sans Tamil',sans-serif}a{color:var(--green);text-decoration:none}.nav{background:#fff;padding:15px max(24px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 20px #163c3010}.brand{font-size:21px;font-weight:800;color:var(--ink)}.brand small{display:block;font-size:11px;font-weight:500}.nav nav{display:flex;gap:20px}main{max-width:1120px;min-height:65vh;margin:auto;padding:30px 22px 80px}.hero{background:#e8efe4;border-radius:25px;min-height:430px;padding:60px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:20px}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.4;margin:15px 0;color:var(--ink)}.hero h1 em{color:var(--green);font-style:normal}.hero p{max-width:530px}.eyebrow{color:var(--green);font-weight:800;letter-spacing:1px}.heroart{font-size:160px;text-align:center;filter:drop-shadow(5px 15px 15px #23372e44)}h1,h2,h3{color:var(--ink);line-height:1.5}.btn,button{display:inline-block;border:0;background:var(--green);color:#fff;padding:12px 22px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;margin-top:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin:25px 0}.bookcard{background:#fff;padding:18px;border-radius:16px;box-shadow:0 5px 20px #193d3110;display:flex;flex-direction:column;gap:6px}.bookcard img{height:290px;width:100%;object-fit:contain;background:#f1f2ed;border-radius:9px}.bookcard h3{margin:8px 0}.bookcard .btn{margin-top:auto;text-align:center}.placeholder{height:290px;display:grid;place-items:center;background:#e7eee8;font-size:95px}.detail{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;margin:40px 0}.bigcover{width:100%;max-height:600px;object-fit:contain;filter:drop-shadow(5px 12px 12px #0002)}.prose{white-space:normal;line-height:2}.panel{max-width:680px;margin:30px auto;padding:30px;background:white;border-radius:18px;box-shadow:0 4px 20px #0000000a}label{display:block;font-weight:700;margin:15px 0}input,textarea,select{display:block;width:100%;font:inherit;border:1px solid #cbd6cd;border-radius:8px;padding:11px;background:#fff}input[type=checkbox]{display:inline;width:auto}.error{color:#a22}.muted{color:#667}.review,.stat{background:#fff;padding:18px;border-radius:12px;margin:12px 0}.adminnav{display:flex;gap:16px;flex-wrap:wrap;margin:15px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:white}td,th{border-bottom:1px solid #eee;padding:12px;text-align:left}footer{padding:40px 20px;text-align:center;background:#123d31;color:#fff}footer a{color:#e9d3a2}@media(max-width:700px){.hero{padding:28px;grid-template-columns:1fr}.heroart{font-size:90px}.detail{grid-template-columns:1fr;gap:20px}.nav{padding:12px}.brand{font-size:16px}.nav nav{gap:8px;font-size:12px}}
/* Version 2 — clean storefront and dashboard */
:root{--ink:#152b25;--accent:#0d7758;--paper:#f8faf8;--line:#dfe8e2}body{background:var(--paper);color:var(--ink)}.nav{background:white;box-shadow:0 2px 20px #1232}.brand{font-weight:800}.panel,.review,.stat{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #173b2710}.btn,button{background:var(--accent);border-radius:12px;font-weight:700}button:hover,.btn:hover{filter:brightness(.92)}.adminnav{display:flex;gap:10px;flex-wrap:wrap;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px;margin:18px 0}.adminnav a{padding:8px 13px;background:#e9f5ee;border-radius:10px;text-decoration:none}.stat{display:inline-block;min-width:175px;padding:24px;margin:10px}.detail{align-items:start}.bigcover{border-radius:8px 16px 16px 8px;box-shadow:14px 16px 25px #172c2430;transition:transform .4s ease;transform-origin:left center}.bigcover:hover{transform:perspective(900px) rotateY(-12deg)}input,textarea,select{border:1px solid #ccd9d0;border-radius:10px;padding:12px}footer{background:#102d23;color:#f2fff8}footer a{color:#c5efdd}h1,h2{letter-spacing:-.02em}@media(max-width:650px){.stat{display:block;margin:10px 0}.adminnav a{flex:1 1 45%;text-align:center}}

.wa-float{position:fixed;right:18px;bottom:18px;background:#1da851;color:#fff!important;border-radius:40px;padding:13px 18px;z-index:999;box-shadow:0 5px 18px #0003;font-weight:800;text-decoration:none}.offer-panel,.buy-bottom{background:#fff7e6;border:1px solid #f6cf80;border-radius:18px;padding:24px;text-align:center;margin:22px 0}.offer-panel #offer-timer{font-size:clamp(28px,6vw,48px);font-weight:900;font-variant-numeric:tabular-nums;color:#b94700}.buy-bottom .btn{display:inline-block;margin-top:8px}

/* V4 — vivid storefront, urgent but truthful expiry, customer photo testimonials */
:root{--ink:#17304e;--accent:#7546df;--paper:#fff9f2;--line:#e9def5}
body{background:linear-gradient(135deg,#fff8ed 0%,#f5f0ff 48%,#eefbff 100%);color:#25334d}
.nav{background:linear-gradient(100deg,#ffffff,#f5efff);border-bottom:3px solid #f1d68a}
h1,h2,h3,.brand{color:#25265b}
.hero{background:linear-gradient(120deg,#fce5ef,#e6e2ff 55%,#c8f6f0);box-shadow:0 18px 38px #6039aa18}
.eyebrow{color:#7841ce}.btn,button{background:linear-gradient(110deg,#6942d9,#c43f9a);box-shadow:0 6px 14px #8448c83b}
.bookcard,.panel,.review,.stat{border:1px solid #eadcf8;box-shadow:0 10px 28px #60419a16}
.adminnav a{background:#f0e7ff;color:#5236a0}.buy-bottom{background:linear-gradient(120deg,#e5fff7,#f2e7ff);border:2px solid #b8a0ef}
.offer-panel{background:linear-gradient(125deg,#fff0f0,#ffe1e5);border:3px solid #ef4050;box-shadow:0 10px 30px #ef405033;animation:offerGlow 2.4s ease-in-out infinite alternate}
.offer-panel h2{color:#a80d24}.offer-alert{display:inline-block;background:#d71836;color:#fff;padding:8px 18px;border-radius:50px;font-weight:900;letter-spacing:.4px;animation:alertPulse 1.3s ease-in-out infinite}
.offer-panel #offer-timer{color:#d5102d;font-size:clamp(34px,7vw,60px);font-weight:900;text-shadow:0 2px 0 #fff}
.review-card{padding:22px;background:linear-gradient(130deg,#fff,#fff8ef);border-left:4px solid #d7a530}
.review-head{display:flex;align-items:center;gap:14px}.review-avatar{width:60px;height:60px;min-width:60px;border-radius:50%;object-fit:cover;border:3px solid #f3c64b;display:inline-grid;place-items:center}
.review-initial{background:#efe3ff;color:#6732a7;font-size:24px;font-weight:800}.review-stars{color:#f3b400;font-size:24px;letter-spacing:2px;line-height:1.3}.empty-stars{color:#d9d3c8}
footer{background:linear-gradient(120deg,#22245e,#542477)}
@keyframes alertPulse{50%{transform:scale(1.035);background:#ae0c23}}@keyframes offerGlow{to{box-shadow:0 8px 28px #f24c6260}}
@media(prefers-reduced-motion:reduce){.offer-panel,.offer-alert{animation:none}}

/* V5 storefront improvements */
.price-wrap{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;margin:22px 0 24px;padding:16px 18px;border-radius:18px;background:linear-gradient(110deg,#fff3df,#f2e8ff);border:1px solid #ead5ff}
.price-wrap .mrp{color:#5b6371;font-size:clamp(17px,2.5vw,23px)}.price-wrap .mrp del{text-decoration:line-through;text-decoration-color:#e11d48;text-decoration-thickness:3px;font-weight:700}
.selling-price{font-size:clamp(18px,3vw,25px);font-weight:700;color:#2e2150}.selling-price strong{color:#0b805d;font-size:clamp(30px,5vw,45px)}
.discount-badge{background:#d82043;color:white;font-size:15px;font-weight:900;padding:5px 11px;border-radius:50px}
.wa-float{position:fixed!important;bottom:22px!important;right:20px!important;display:flex!important;align-items:center;justify-content:center;width:66px!important;height:66px!important;border-radius:50%!important;padding:0!important;background:#25D366!important;color:#fff!important;box-shadow:0 8px 24px #16834b70!important;z-index:99999!important;transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}.wa-float svg{display:block}
.review-stars{color:#ffbf00!important;font-size:27px!important;font-weight:900!important;text-shadow:0 1px 0 #8d6200}.review-stars .empty-stars{color:#d0cbd2!important}
.review-avatar{border-radius:50%!important;aspect-ratio:1;object-fit:cover}
.offer-panel{background:linear-gradient(135deg,#fff0f1,#ffd9df)!important;border:3px solid #e51c40!important}.offer-alert{background:#c8102e!important;color:#fff!important}
.offer-panel #offer-timer{color:#cc002d!important;font-size:clamp(28px,7vw,58px)!important;white-space:nowrap;font-variant-numeric:tabular-nums}.timer-labels{font-size:13px;font-weight:800;color:#a51c32;letter-spacing:1px}
@media(max-width:480px){.price-wrap{gap:5px 12px}.wa-float{height:58px!important;width:58px!important}.offer-panel #offer-timer{font-size:clamp(22px,6vw,36px)!important}.timer-labels{font-size:10px;letter-spacing:0}}

/* V6: force actual fixed overlay; avoid clipping by main container */
html,body{overflow-x:clip}
a.wa-float{position:fixed!important;inset:auto 18px max(20px,env(safe-area-inset-bottom)) auto!important;width:64px!important;height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#25d366!important;color:white!important;padding:0!important;z-index:2147483000!important;box-shadow:0 8px 28px #075b3580!important}
a.wa-float svg{width:35px;height:35px;fill:white}
.offer-panel{position:relative;isolation:isolate;max-width:780px;margin:36px auto!important;padding:24px 16px!important;border:3px solid #e31b36!important;border-radius:24px!important;background:linear-gradient(130deg,#fff3f3,#ffd5dc)!important;box-shadow:0 16px 35px #bb183c38!important;animation:offerGlow 2.4s ease-in-out infinite alternate}
.offer-panel h2{font-size:clamp(23px,5vw,34px);color:#b9102c!important}.offer-alert{background:#c91530!important;color:#fff!important;max-width:100%;font-size:clamp(12px,2.8vw,16px)}
.timer-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:20px 0}
.timer-unit{min-width:0;border-radius:14px;background:#b90e2c;color:white;padding:14px 4px;box-shadow:0 5px 12px #7b092244}
.timer-unit strong{display:block;font-size:clamp(22px,5vw,42px);line-height:1.2;font-variant-numeric:tabular-nums;color:white}
.timer-unit span{display:block;font-size:clamp(11px,2.7vw,16px);color:#fff}
.review-card .review-stars,.review .review-stars,.review-stars .filled-stars{color:#ffbf00!important;-webkit-text-fill-color:#ffbf00!important;text-shadow:none!important}
.review-stars .empty-stars{color:#c9c9c9!important;-webkit-text-fill-color:#c9c9c9!important}
.review-card .review-avatar,.review .review-avatar{width:64px!important;height:64px!important;min-width:64px!important;max-width:64px!important;border-radius:50%!important;object-fit:cover!important;overflow:hidden}
@media(max-width:480px){a.wa-float{width:58px!important;height:58px!important;right:16px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}.offer-panel{padding:20px 10px!important}}


/* V7 admin: purple / pink / blue gradients, responsive sidebar */
body:has(.v7-sidebar){background:linear-gradient(130deg,#f5f0ff,#f0f6ff 48%,#fff1fa);color:#252a46}
body:has(.v7-sidebar) main{max-width:none;margin:0 0 0 258px;padding:36px 34px 85px;min-height:78vh}
.v7-sidebar{position:fixed;top:0;bottom:0;left:0;width:258px;background:linear-gradient(165deg,#5032bb 0%,#6f41d8 45%,#b33db6 100%);box-shadow:9px 0 35px #38227d30;padding:27px 14px;z-index:200;overflow-y:auto;display:flex;flex-direction:column;gap:8px}
.v7-sidebar .sidebar-title{font-weight:900;font-size:17px;color:white;padding:12px 12px 25px;line-height:1.4}
.v7-sidebar small{display:block;font-size:10px;letter-spacing:2px;opacity:.75;margin-top:7px}
.v7-sidebar a{display:block;color:#fff!important;font-size:14px;font-weight:700;border-radius:13px;padding:13px 15px;transition:.2s;background:#ffffff13}
.v7-sidebar a:hover{background:#ffffff35;transform:translateX(3px)}
body:has(.v7-sidebar) .nav{margin-left:258px;background:#ffffffd9}
body:has(.v7-sidebar) .adminnav{display:none}
body:has(.v7-sidebar) footer{margin-left:258px}
body:has(.v7-sidebar) .panel{background:#ffffffed;border:1px solid #e9defd;box-shadow:0 14px 38px #563ab014;border-radius:22px;padding:25px;margin-bottom:22px}
body:has(.v7-sidebar) h1{color:#37246f;font-weight:900;font-size:clamp(25px,3vw,37px)}
body:has(.v7-sidebar) h2{color:#5132a5}
body:has(.v7-sidebar) button,body:has(.v7-sidebar) .btnlink{background:linear-gradient(110deg,#6740df,#ba3dab);color:#fff!important;border:0;border-radius:13px;padding:12px 20px;box-shadow:0 9px 20px #743ed52b;font-weight:800;display:inline-block;margin:5px 4px 5px 0}
body:has(.v7-sidebar) button.secondary{background:linear-gradient(100deg,#2877ec,#6840da)}
body:has(.v7-sidebar) input,body:has(.v7-sidebar) select,body:has(.v7-sidebar) textarea{border:1px solid #d7cceb;border-radius:12px;max-width:100%;background:white}
body:has(.v7-sidebar) input[type=checkbox]{width:auto}
.dash-heading{padding:15px 0 18px}.dash-heading p{color:#77738d}.dash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:12px 0 28px}
.dash-stat{padding:24px;border-radius:20px;background:linear-gradient(130deg,#6740dd,#a947d6);box-shadow:0 15px 30px #6143bd24;color:#fff;display:flex;flex-direction:column;gap:14px}
.dash-stat:nth-child(2){background:linear-gradient(130deg,#2878ec,#5b57df)}.dash-stat:nth-child(3){background:linear-gradient(130deg,#b83eae,#ed629e)}
.dash-stat span{font-size:14px;font-weight:700}.dash-stat strong{font-size:40px;line-height:1.1}
.pill{background:#1bb47e;color:white;padding:5px 10px;border-radius:20px;font-size:12px}
@media(max-width:850px){.v7-sidebar{position:relative;width:100%;height:auto;padding:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px}.v7-sidebar .sidebar-title{width:100%;padding:7px}.v7-sidebar a{font-size:12px;padding:8px 10px}body:has(.v7-sidebar) main{margin:0;padding:22px 15px 60px}body:has(.v7-sidebar) .nav,body:has(.v7-sidebar) footer{margin-left:0}.dash-grid{grid-template-columns:1fr;gap:12px}}


/* V8 Admin dashboard width correction — desktop only */
@media (min-width: 851px) {
  body:has(.v7-sidebar) main:has(.dash-grid) {
    width: calc(100% - 258px);
    max-width: none;
    margin-left: 258px;
    margin-right: 0;
    padding: 36px clamp(24px, 3vw, 52px) 85px;
  }
  body:has(.v7-sidebar) main:has(.dash-grid) .dash-grid {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  body:has(.v7-sidebar) main:has(.dash-grid) > .panel {
    max-width: none;
    width: 100%;
    margin: 0 0 24px;
    padding: 28px 32px;
  }
  body:has(.v7-sidebar) main:has(.dash-grid) > .panel .btnlink {
    margin: 8px 10px 8px 0;
  }
}
@media (min-width: 851px) and (max-width: 1100px) {
  body:has(.v7-sidebar) main:has(.dash-grid) .dash-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* V9: Clear Tamil countdown labels — preserve existing design */
.timer-grid .timer-unit{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:112px!important;text-align:center!important}
.timer-grid .timer-unit strong{font-family:Manrope,Arial,sans-serif!important;font-size:clamp(24px,3vw,42px)!important;line-height:1.1!important;font-weight:800!important;text-shadow:none!important}
.timer-grid .timer-unit span{font-family:"Noto Sans Tamil",sans-serif!important;font-size:clamp(12px,1.3vw,16px)!important;font-weight:700!important;line-height:1.7!important;letter-spacing:0!important;text-shadow:none!important;white-space:nowrap!important;-webkit-text-stroke:0!important}
@media(max-width:480px){.timer-grid{gap:6px!important}.timer-grid .timer-unit{min-height:92px!important;padding:10px 2px!important;gap:5px!important}.timer-grid .timer-unit strong{font-size:clamp(22px,6vw,30px)!important}.timer-grid .timer-unit span{font-size:clamp(11px,3vw,13px)!important}}