@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;0,900;1,400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--brand:#b8862a;--brand-light:#d4a044;--brand-subtle:#f5edd8;--brand-border:#b8862a2e;--navy:#1a2744;--navy-light:#243460;--navy-subtle:#eef1f8;--n-0:#fff;--n-50:#fafaf8;--n-100:#f3f2ee;--n-200:#e4e2da;--n-300:#c8c5bb;--n-400:#9e9a90;--n-500:#6e6a60;--n-700:#2c2a24;--n-900:#1a2744;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:30px;--text-4xl:38px;--text-5xl:48px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-full:999px;--shadow-sm:0 1px 3px #00000012;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--ease:cubic-bezier(.4,0,.2,1);--ease-out:cubic-bezier(0,0,.2,1);--duration:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--text-base);color:var(--n-900);background:var(--n-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}p{line-height:1.7}img{max-width:100%;display:block}button{font-family:inherit}a{color:inherit}.container{width:100%;max-width:1216px;padding-inline:var(--space-4);margin-inline:auto}@media (width>=640px){.container{padding-inline:var(--space-6)}}@media (width>=1024px){.container{padding-inline:var(--space-8)}}.t-display{letter-spacing:-.02em;color:var(--n-900);font-family:Playfair Display,serif;font-weight:900;line-height:1.08}.t-h1{font-size:clamp(32px, 6vw, var(--text-5xl))}.t-h2{font-size:clamp(26px, 4vw, var(--text-4xl))}.t-h3{font-size:clamp(20px, 3vw, var(--text-3xl))}.t-body{font-size:var(--text-base);color:var(--n-500);line-height:1.75}.t-small{font-size:var(--text-sm);color:var(--n-400);line-height:1.6}.t-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--n-400);font-weight:700}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 20px;font-family:inherit;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-light);border-color:var(--brand-light);transform:translateY(-1px);box-shadow:0 2px 8px #b8862a40}.btn-secondary{color:var(--n-700);border-color:var(--n-200);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--n-50);border-color:var(--n-300);transform:translateY(-1px)}.btn-ghost{color:var(--brand);border-color:var(--brand-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--brand-subtle);border-color:var(--brand)}.btn-sm{font-size:var(--text-xs);padding:7px 14px}.btn-lg{font-size:var(--text-base);padding:13px 28px}.card{background:var(--n-0);border:1px solid var(--n-200);border-radius:var(--r-lg);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease)}.card:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.books-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=480px){.books-grid{gap:var(--space-4)}}@media (width>=640px){.books-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=900px){.books-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=1200px){.books-grid{grid-template-columns:repeat(5,1fr)}}.section{padding-block:var(--space-16)}@media (width>=768px){.section{padding-block:var(--space-20)}}.skeleton{background:linear-gradient(90deg, var(--n-100) 25%, var(--n-200) 50%, var(--n-100) 75%);border-radius:var(--r-md);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.reveal{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-card{border-radius:var(--r-lg);padding:var(--space-6);background:#fff;border:1px solid #e4e2da}.admin-fade{animation:fadeIn .25s var(--ease-out) both}.admin-btn{border-radius:var(--r-md);font-size:var(--text-sm);cursor:pointer;transition:all .15s var(--ease);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-weight:600;display:inline-flex}.admin-btn-primary{background:var(--brand);color:#fff;border-color:var(--brand)}.admin-btn-primary:hover{background:var(--brand-light)}.admin-btn-ghost{color:var(--brand);border-color:var(--brand-border);background:0 0}.admin-btn-ghost:hover{background:var(--brand-subtle)}.admin-input{border:1px solid var(--n-200);border-radius:var(--r-md);width:100%;font-size:var(--text-sm);background:var(--n-0);transition:border-color .15s var(--ease);outline:none;padding:8px 12px;font-family:inherit}.admin-input:focus{border-color:var(--brand)}.admin-label{font-size:var(--text-xs);color:var(--n-500);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-weight:600;display:block}html,body{margin:0;padding:0}main{margin-top:0;padding-top:0}.hero,.hero-section{margin-top:0;padding-top:0;overflow:visible}.hero-content{overflow:visible}.hero-image{justify-content:center;align-items:center;display:flex;overflow:visible}.hero-image img{object-fit:contain;max-width:100%;height:auto}@media (width>=769px){.hero-content{flex-direction:row!important}}@media (width<=768px){.hero-content{flex-direction:column!important}}@media (width>=900px){.popular-grid>.card:nth-child(6),.popular-grid>.skeleton:nth-child(6){display:none!important}}@media (width<=639px){.popular-grid{grid-template-columns:repeat(2,1fr)!important}}p:not(.t-label):not(.t-small){text-align:justify}.btn,.btn *,nav p,nav *,.t-label,.t-small,[class*=badge],[class*=tag],[class*=chip],.card>p:first-child,input,textarea,select,label{text-align:unset}[style*=textAlign\:\"center\"] p,[style*=text-align\:center] p,.text-center p{text-align:center}.admin-card p,.admin-card *,[class*=admin] p{text-align:left}p[style*="lineHeight:1.7"],p[style*="lineHeight:1.75"],p[style*="lineHeight:1.8"],p[style*="lineHeight:1.6"]{text-align:justify}footer p,p[style*=fontSize\:11],p[style*=fontSize\:12],p[style*=fontSize\:\"11\"],p[style*=fontSize\:\"12\"]{text-align:left}h1,h2,h3,h4,h5,h6,.t-display{text-align:left!important}h1[style*="text-align: center"],h2[style*="text-align: center"],h3[style*="text-align: center"],h4[style*="text-align: center"]{text-align:center!important}.hero-h2{text-align:left!important;white-space:normal!important}p[style*=fontSize\:13][style*=fontWeight\:700],p[style*=fontSize\:13][style*="color:var(--n-900)"]{text-align:left!important}p[style*="color:var(--n-700)"]{color:var(--n-900)!important}@media (width<=768px){h1,h2,h3,.t-display,.t-h1,.t-h2,.t-h3{text-align:left!important}.hero-h2{text-align:center!important;font-size:clamp(40px,6vw,60px)!important}.t-display.t-h1{font-size:28px!important}.mob-justify,div[style*="text-align: center"] .mob-justify,div[style*=text-align\:center] .mob-justify{text-align:justify!important}.mob-left,div[style*="text-align: center"] .mob-left,div[style*=text-align\:center] .mob-left,h3.mob-left[style*="text-align: center"],h3.mob-left[style*=text-align\:center],h2.mob-left[style*="text-align: center"],h2.mob-left[style*=text-align\:center],.mob-left-section,.mob-left-section[style*="text-align: center"],.mob-left-section[style*=text-align\:center],.mob-left-section *,.mob-left-section .t-label,.mob-left-section h2,.mob-left-section p,.mob-left-section h2[style*="text-align: center"],.mob-left-section p[style*="text-align: center"],.mob-left-section .reveal *,.mob-left-section .reveal .t-label{text-align:left!important}.mob-center-btn{text-align:center!important;width:fit-content!important;margin-left:auto!important;margin-right:auto!important;display:block!important}.t-display.t-h1{text-align:left!important}[style*="text-align: center"] h1,[style*=text-align\:center] h1,[style*="text-align: center"] p:not(.mob-justify),[style*=text-align\:center] p:not(.mob-justify){text-align:center!important}}div[style*="text-align: center"]>h1,div[style*="text-align: center"]>h2,div[style*="text-align: center"]>p:not(.mob-justify),div[style*=text-align\:center]>h1,div[style*=text-align\:center]>h2,div[style*=text-align\:center]>p:not(.mob-justify){text-align:center!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--n-100)}::-webkit-scrollbar-thumb{background:var(--brand);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--brand-light)}*{scrollbar-width:thin;scrollbar-color:var(--brand) var(--n-100)}.bundle-book-item{aspect-ratio:3/2;border-radius:var(--r-xl);transition:outline .18s var(--ease), box-shadow .18s var(--ease);width:100%;display:block;position:relative;overflow:hidden}.bundle-flyer-bg{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.bundle-flyer-cover-zone{z-index:2;pointer-events:none;background:#1a1a1a;position:absolute;inset:0 59% 0 0;overflow:hidden}.bundle-flyer-cover-img{object-fit:cover;object-position:center;transform-origin:50%;background:0 0;width:100%;height:100%;display:block;transform:scale(1.08)}.bundle-flyer-cover-fallback{background:#e8e8e8;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.bundle-flyer-title-zone{z-index:2;pointer-events:none;justify-content:flex-start;align-items:center;padding:0 8px;display:flex;position:absolute;inset:18% 3% 65% 43%;overflow:hidden}.bundle-flyer-title{color:#c0392b;letter-spacing:.01em;text-transform:uppercase;text-align:left;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Playfair Display,serif;font-size:clamp(10px,1.6vw,20px);font-weight:900;line-height:1.2;display:-webkit-box;overflow:hidden}.bundle-flyer-desc-zone{z-index:2;pointer-events:none;align-items:flex-start;padding:4px 10px 4px 8px;display:flex;position:absolute;inset:32% 3% 30% 43%;overflow:hidden}.bundle-flyer-desc{color:#1a1a2e;text-align:justify;-webkit-line-clamp:8;-webkit-box-orient:vertical;margin:0;font-size:clamp(8px,1vw,13px);line-height:1.7;display:-webkit-box;overflow:hidden}.bundle-flyer-select-btn{z-index:4;border-radius:var(--r-full);transition:all .18s var(--ease);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:5px;padding:5px 12px;font-size:clamp(9px,1vw,12px);font-weight:700;display:inline-flex;position:absolute;top:4%;right:2.5%}.bundle-flyer-soon-badge{z-index:4;border-radius:var(--r-full);color:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0006;align-items:center;padding:4px 10px;font-size:clamp(9px,1vw,11px);font-weight:600;display:inline-flex;position:absolute;top:4%;right:2.5%}@media (width<=600px){.bundle-book-item{aspect-ratio:auto;min-height:60vw}.bundle-flyer-bg{object-fit:fill}.bundle-flyer-cover-zone{right:57%}.bundle-flyer-title-zone{top:16%;bottom:66%;left:45%}.bundle-flyer-desc-zone{top:30%;bottom:30%;left:45%}.bundle-flyer-title{-webkit-line-clamp:2;font-size:clamp(8px,2.8vw,13px)}.bundle-flyer-desc{-webkit-line-clamp:6;font-size:clamp(7px,1.9vw,10px);line-height:1.5}.bundle-flyer-select-btn{padding:4px 8px;font-size:clamp(8px,2vw,11px)}}.bundle-hero-collage-img{object-fit:cover;border-radius:6px;position:absolute;box-shadow:8px 10px 26px #00000038,-2px -2px 6px #ffffff80}.bundle-hero-mobile-covers{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;align-items:center;gap:10px;margin:0 -16px 16px;padding:16px calc(50% - 44px) 14px;display:none;overflow-x:auto}.bundle-hero-mobile-covers::-webkit-scrollbar{display:none}.bundle-hero-mobile-cover-item{object-fit:cover;width:88px;height:118px;transition:transform .35s var(--ease), box-shadow .35s var(--ease), opacity .35s var(--ease);opacity:.75;border-radius:5px;flex-shrink:0;transform:scale(.82);box-shadow:4px 6px 16px #0000003d}@media (width<=860px){.bundle-hero-card-logo{display:none!important}}@media (width>=861px){.bundle-breadcrumb-logo{display:none!important}}.bundle-hero-whatsapp{border-radius:var(--r-full);background:var(--navy);color:#fff;align-items:center;gap:10px;padding:9px 20px;text-decoration:none;display:inline-flex;box-shadow:0 6px 18px #1a27444d}.bundle-hero-whatsapp-label{text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;font-size:9.5px;font-weight:700;display:block}.bundle-hero-whatsapp-number{font-size:14px;font-weight:800;display:block}@media (width<=860px){.bundle-hero-collage-img{display:none}.bundle-hero-mobile-covers{display:flex}}