*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background-color);color:var(--body-text-color);font-family:Inter,"Noto Sans Bengali","Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;height:auto}a{color:var(--link-color);text-decoration:none;transition:.2s ease}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-header{position:relative;z-index:100;background:var(--header-background);box-shadow:0 1px 0 var(--border-color)}.site-header.is-sticky{position:sticky;top:0}.topbar{background:var(--topbar-bg,var(--primary-color));color:var(--button-text-color);font-size:13px}.topbar a{color:inherit}.topbar-inner{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.topbar-primary,.topbar-secondary{display:flex;align-items:center;gap:10px}.topbar-primary span:not(:last-child)::after{content:""}.main-header{background:var(--header-background)}.header-inner{min-height:88px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;min-width:max-content;color:var(--heading-color)}.brand img{display:block;object-fit:contain;max-height:68px;width:auto}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--primary-color);color:var(--button-text-color);font-weight:800;font-size:22px;box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 30%,transparent)}.brand-name{font-weight:800;font-size:20px;color:var(--heading-color)}.header-search{flex:1;max-width:650px;display:flex;border:2px solid var(--primary-color);border-radius:12px;overflow:hidden;background:var(--surface-color);height:48px}.header-search input{flex:1;border:0;outline:0;padding:0 16px;background:transparent;color:var(--body-text-color);min-width:0}.header-search input::placeholder{color:var(--muted-text-color)}.header-search button{min-width:112px;border:0;background:var(--primary-color);color:var(--button-text-color);font-weight:700;cursor:default}.header-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:var(--primary-color);color:var(--button-text-color);font-weight:700}.header-cta:hover{background:var(--primary-hover-color);color:var(--button-text-color)}.language-dropdown{position:relative}.language-trigger{border:1px solid var(--border-color);background:var(--surface-color);color:var(--heading-color);border-radius:10px;height:44px;padding:0 14px;font-weight:700;cursor:pointer}.language-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:7px;box-shadow:0 18px 45px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-5px);transition:.2s ease}.language-dropdown:hover .language-menu,.language-dropdown:focus-within .language-menu{opacity:1;visibility:visible;transform:none}.language-menu a{display:block;padding:9px 11px;border-radius:8px;color:var(--body-text-color)}.language-menu a:hover{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color));color:var(--primary-color)}.primary-nav,.secondary-nav{border-top:1px solid var(--border-color);background:var(--header-background)}.secondary-nav{background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color))}.nav-list{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0;min-height:48px;gap:3px}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:7px;padding:12px 14px;color:var(--heading-color);font-size:14px;font-weight:650;white-space:nowrap;border-radius:8px}.nav-link:hover{color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 7%,transparent)}.menu-icon{font-size:15px}.chevron{font-size:13px;color:var(--muted-text-color)}.dropdown-menu{position:absolute;left:0;top:calc(100% + 4px);min-width:220px;list-style:none;margin:0;padding:8px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 50px rgba(15,23,42,.14);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s ease}.dropdown-menu .nav-link{padding:10px 12px;white-space:normal}.dropdown-menu .dropdown-menu{left:100%;top:0}.has-dropdown:hover>.dropdown-menu,.has-dropdown:focus-within>.dropdown-menu{opacity:1;visibility:visible;transform:none}.mobile-toggle{display:none;width:44px;height:44px;border:1px solid var(--border-color);border-radius:10px;background:var(--surface-color);padding:11px;cursor:pointer}.mobile-toggle span{display:block;height:2px;background:var(--heading-color);margin:5px 0;border-radius:5px}.mobile-panel,.mobile-overlay{display:none}.welcome-section{background-color:var(--welcome-bg);background-size:cover;background-position:center;color:var(--welcome-text);padding-block:var(--welcome-space);min-height:520px;display:flex;align-items:center;overflow:hidden}.welcome-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:72px}.welcome-grid.single{grid-template-columns:minmax(0,800px)}.position-center .welcome-grid.single{justify-content:center}.position-right .welcome-grid.single{justify-content:end}.welcome-content{max-width:690px}.text-center{text-align:center;margin-inline:auto}.text-right{text-align:right;margin-left:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:7px 13px;border-radius:999px;background:color-mix(in srgb,var(--primary-color) 12%,var(--surface-color));color:var(--primary-color);font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase}.welcome-content h1{margin:0;color:inherit;font-size:clamp(42px,6vw,76px);line-height:1.08;letter-spacing:-.045em;max-width:760px}.welcome-content p{margin:24px 0 0;font-size:clamp(17px,2vw,20px);line-height:1.8;max-width:680px;color:color-mix(in srgb,var(--welcome-text) 78%,transparent)}.welcome-button{display:inline-flex;align-items:center;justify-content:center;margin-top:32px;min-height:52px;padding:0 24px;border-radius:12px;background:var(--welcome-button);color:var(--button-text-color);font-weight:800;box-shadow:0 12px 26px color-mix(in srgb,var(--welcome-button) 28%,transparent)}.welcome-button:hover{transform:translateY(-2px);color:var(--button-text-color);box-shadow:0 16px 32px color-mix(in srgb,var(--welcome-button) 35%,transparent)}.welcome-visual{position:relative}.welcome-visual::before{content:"";position:absolute;inset:10% -8% -12% 10%;background:color-mix(in srgb,var(--secondary-color) 18%,transparent);border-radius:40% 60% 60% 40%/55% 40% 60% 45%;filter:blur(1px)}.welcome-visual img{position:relative;display:block;width:100%;max-height:520px;object-fit:contain;border-radius:24px}.page-heading,.page-banner{padding:76px 0;background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color));text-align:center}.page-banner{background-size:cover;background-position:center;color:var(--button-text-color);text-align:left}.page-heading span,.page-banner span{display:block;color:var(--primary-color);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.page-banner span{color:var(--secondary-color)}.page-heading h1,.page-banner h1{margin:8px 0 0;font-size:clamp(36px,5vw,58px);line-height:1.15;color:var(--heading-color)}.page-banner h1{color:inherit}.page-heading p{max-width:700px;margin:16px auto 0;color:var(--muted-text-color);font-size:18px}.content-page{padding:72px 0 100px}.content-container{max-width:900px}.featured-image{width:100%;max-height:480px;object-fit:cover;border-radius:20px;margin-bottom:42px;box-shadow:0 18px 50px rgba(15,23,42,.1)}.rich-content{font-size:17px;line-height:1.85}.rich-content h2,.rich-content h3,.rich-content h4{color:var(--heading-color);line-height:1.25;margin:1.6em 0 .65em}.rich-content h2{font-size:32px}.rich-content h3{font-size:25px}.rich-content img{border-radius:14px}.rich-content a{text-decoration:underline}.rich-content blockquote{margin:30px 0;padding:20px 24px;border-left:4px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color));border-radius:0 12px 12px 0}.site-footer{background:var(--footer-background);color:var(--footer-text-color);padding-top:72px}.footer-grid{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(150px,.75fr)) minmax(220px,1fr);gap:42px;padding-bottom:58px}.footer-logo{display:block;max-width:190px;max-height:66px;object-fit:contain;margin-bottom:20px}.footer-brand-section h2{color:var(--footer-link-color);margin-top:0}.footer-brand-section p{max-width:330px;margin:0 0 22px}.contact-stack{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.contact-stack strong,.footer-column h3,.footer-connect h3{color:var(--footer-link-color);font-size:16px;margin:0 0 14px}.contact-stack a,.footer-column a{color:var(--footer-link-color);opacity:.88}.contact-stack a:hover,.footer-column a:hover{opacity:1;color:var(--secondary-color)}.contact-stack address{font-style:normal;white-space:pre-line;margin-top:8px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:9px}.footer-column a{font-size:14px}.social-links{display:flex;gap:8px;margin-bottom:26px}.social-links a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-color) 80%,white);color:var(--button-text-color);font-weight:800}.app-links{display:flex;flex-wrap:wrap;gap:8px}.app-links a{display:inline-flex;padding:9px 12px;border:1px solid color-mix(in srgb,var(--footer-text-color) 28%,transparent);border-radius:8px;color:var(--footer-link-color);font-size:13px}.qr-code{width:150px;height:150px;object-fit:contain;background:white;padding:7px;border-radius:10px;margin-top:16px}.footer-bottom{border-top:1px solid color-mix(in srgb,var(--footer-text-color) 18%,transparent)}.footer-bottom-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-bottom p{margin:0;font-size:13px}.footer-bottom img{max-height:34px;max-width:280px;object-fit:contain}.maintenance-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 8%,var(--background-color)),var(--background-color))}.maintenance-card{text-align:center;max-width:580px;background:var(--surface-color);padding:60px;border:1px solid var(--border-color);border-radius:24px;box-shadow:0 24px 70px rgba(15,23,42,.12)}.maintenance-card .brand-mark{margin:auto}.maintenance-card h1{font-size:40px;color:var(--heading-color);margin:22px 0 8px}.maintenance-card p{font-size:18px;color:var(--muted-text-color)}
@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand-section{grid-column:span 2}.welcome-grid{gap:40px}.nav-link{padding-inline:9px;font-size:13px}}
@media(max-width:850px){.container{width:min(100% - 28px,1180px)}.site-header.is-sticky{position:relative}.topbar-inner{min-height:36px}.topbar-secondary{display:none}.header-inner{min-height:72px}.brand img{max-width:170px;max-height:54px}.header-search,.primary-nav,.secondary-nav,.header-cta{display:none}.mobile-toggle{display:block}.mobile-panel{display:block;position:fixed;z-index:1002;top:0;right:0;height:100dvh;width:min(88vw,380px);background:var(--surface-color);transform:translateX(105%);transition:transform .28s ease;overflow:auto;box-shadow:-18px 0 50px rgba(15,23,42,.16)}.mobile-panel.open{transform:none}.mobile-overlay{display:block;position:fixed;z-index:1001;inset:0;background:rgba(2,6,23,.48);opacity:0;visibility:hidden;transition:.2s}.mobile-overlay.open{opacity:1;visibility:visible}.mobile-panel-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border-color)}.mobile-panel-head img{max-width:160px;max-height:48px}.mobile-close{border:0;background:transparent;font-size:34px;color:var(--heading-color);cursor:pointer}.mobile-nav-list,.mobile-nav-list .dropdown-menu{list-style:none;padding:10px;margin:0;position:static;box-shadow:none;border:0;opacity:1;visibility:visible;transform:none;display:none;background:transparent}.mobile-nav-list{display:block;padding:18px}.mobile-nav-list .nav-item{border-bottom:1px solid var(--border-color)}.mobile-nav-list .nav-link{padding:14px 4px;justify-content:space-between}.mobile-nav-list .dropdown-menu{padding:0 0 10px 15px}.mobile-nav-list .has-dropdown.open>.dropdown-menu{display:block}.welcome-section{min-height:auto}.welcome-grid{grid-template-columns:1fr;text-align:center}.welcome-content,.text-right{margin-inline:auto;text-align:center}.welcome-visual img{max-height:380px}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand-section{grid-column:span 2}.footer-connect{grid-column:span 2}.page-heading,.page-banner{padding:56px 0}}
@media(max-width:560px){body{font-size:15px}.topbar-primary{gap:6px;white-space:nowrap;overflow:hidden}.topbar-primary strong{display:none}.header-inner{gap:12px}.language-dropdown{display:none}.brand-name{font-size:18px}.welcome-section{padding-block:70px}.welcome-grid{gap:35px}.welcome-content h1{font-size:40px}.welcome-content p{font-size:16px}.welcome-button{width:100%;max-width:300px}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-brand-section,.footer-connect{grid-column:auto}.footer-bottom-inner{padding:20px 0;flex-direction:column;text-align:center}.content-page{padding:50px 0 70px}.rich-content{font-size:16px}.page-heading h1,.page-banner h1{font-size:36px}.maintenance-card{padding:40px 24px}}
.header-social-links{display:flex;align-items:center;gap:5px}.header-social-links a,.header-icon-action{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));color:var(--primary-color);font-size:12px;font-weight:800}.custom-header-link{color:var(--heading-color);font-size:13px;font-weight:700}.footer-legal{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.footer-bottom-menu{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}.footer-bottom-menu .nav-link{padding:4px 7px;color:var(--footer-link-color);font-size:12px}.footer-bottom-menu .dropdown-menu{display:none}@media(max-width:850px){.header-social-links,.custom-header-link,.header-icon-action{display:none}}@media(max-width:560px){.footer-legal{justify-content:center;flex-direction:column;gap:8px}.footer-bottom-menu{justify-content:center;flex-wrap:wrap}}
/* Phase–2 bookstore */
.header-search{position:relative;overflow:visible}.header-search input{border-radius:10px 0 0 10px}.header-search button{cursor:pointer;border-radius:0 8px 8px 0}.search-suggestions{position:absolute;left:-2px;right:-2px;top:calc(100% + 9px);z-index:120;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px;box-shadow:0 22px 55px color-mix(in srgb,var(--heading-color) 15%,transparent);max-height:min(520px,70vh);overflow:auto;padding:7px}.suggestion-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;border-radius:10px;color:var(--body-text-color)}.suggestion-item:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color))}.suggestion-item img,.suggestion-cover{width:44px;height:58px;border-radius:6px;object-fit:cover;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));display:grid;place-items:center;font-weight:800;color:var(--primary-color)}.suggestion-item span{min-width:0}.suggestion-item strong,.suggestion-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-item strong{color:var(--heading-color);font-size:14px}.suggestion-item small{font-size:12px;color:var(--muted-text-color)}.suggestion-item b{font-size:13px;color:var(--primary-color)}.suggestion-view-all{display:block;text-align:center;padding:10px;color:var(--primary-color);font-weight:750;border-top:1px solid var(--border-color)}.suggestion-empty{padding:20px;text-align:center;color:var(--muted-text-color)}.store-action{position:relative;display:flex;align-items:center;gap:7px;max-width:150px;color:var(--heading-color);font-size:13px;font-weight:700;line-height:1.2}.store-action>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-action.compact{width:42px;height:42px;justify-content:center;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color)}.store-action-icon{font-size:21px;line-height:1}.store-action b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:99px;background:var(--secondary-color);color:var(--heading-color);font-size:10px}.mobile-store-search{display:flex;margin:16px 18px 8px;border:1px solid var(--border-color);border-radius:11px;overflow:hidden}.mobile-store-search input{min-width:0;flex:1;border:0;padding:11px;background:var(--surface-color)}.mobile-store-search button{border:0;padding:0 14px;background:var(--primary-color);color:var(--button-text-color);font-weight:700}.mobile-store-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 18px 14px}.mobile-store-actions a{padding:10px;border-radius:9px;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));color:var(--heading-color);font-size:13px;font-weight:700;text-align:center}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-actions .welcome-button{margin-top:0}.outline-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--primary-color);border-radius:11px;color:var(--primary-color);background:var(--surface-color);font-weight:800;cursor:pointer}.outline-button:hover,.secondary-button:hover{background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color))}.primary-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border:0;border-radius:10px;background:var(--primary-color);color:var(--button-text-color);font-weight:800;cursor:pointer}.primary-button:hover{background:var(--primary-hover-color);color:var(--button-text-color)}.primary-button.full{width:100%}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:not-allowed}.text-danger,.remove-button{border:0;background:transparent;color:var(--error-color);cursor:pointer;padding:0}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted-text-color);margin-bottom:18px}.breadcrumbs a{color:var(--primary-color)}
.store-section{padding:66px 0}.store-section:nth-of-type(even){background:color-mix(in srgb,var(--primary-color) 3%,var(--background-color))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-heading span{display:block;color:var(--primary-color);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.section-heading h2{margin:2px 0 0;color:var(--heading-color);font-size:clamp(25px,3vw,36px);line-height:1.2}.section-heading>a{font-weight:750}.book-grid{display:grid;grid-template-columns:repeat(var(--desktop-count,5),minmax(0,1fr));gap:20px}.book-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.book-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb,var(--heading-color) 10%,transparent)}.book-cover{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;padding:18px;background:color-mix(in srgb,var(--primary-color) 3%,var(--surface-color));overflow:hidden}.book-cover img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.book-card:hover .book-cover img{transform:scale(1.025)}.cover-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:220px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary-color) 16%,var(--surface-color)),color-mix(in srgb,var(--secondary-color) 15%,var(--surface-color)));border-radius:10px;color:var(--primary-color);font-weight:900;font-size:46px}.discount-badge{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:var(--secondary-color);color:var(--heading-color);font-size:11px;font-weight:900}.book-card-body{display:flex;flex:1;flex-direction:column;padding:15px}.book-title{margin:0;color:var(--heading-color);font-size:15px;line-height:1.42;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.book-author,.book-publication{display:block;color:var(--muted-text-color);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{margin-top:7px}.book-publication{margin-top:2px}.book-price{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:13px}.book-price strong{color:var(--primary-color);font-size:17px}.book-price del{color:var(--muted-text-color);font-size:12px}.book-stock{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--muted-text-color);font-size:11px}.book-stock::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--error-color)}.book-stock.in::before{background:var(--success-color)}.book-cart-button{display:flex;align-items:center;justify-content:center;min-height:40px;margin-top:12px;border:0;border-radius:9px;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-weight:800;cursor:pointer}.book-cart-button:hover{background:var(--primary-color);color:var(--button-text-color)}.category-strip{padding:34px 0;background:var(--surface-color);border-bottom:1px solid var(--border-color)}.category-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category-cards a{display:flex;align-items:center;gap:10px;min-height:68px;padding:12px;border:1px solid var(--border-color);border-radius:13px;color:var(--heading-color);font-weight:750}.category-cards img{width:42px;height:42px;border-radius:10px;object-fit:cover}.category-cards a:hover{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color))}.service-benefits{padding:30px 0;border-top:1px solid var(--border-color);background:var(--surface-color)}.service-benefits .container{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-benefits .container>div{display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center}.service-benefits span{grid-row:span 2;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-size:20px}.service-benefits strong{color:var(--heading-color);font-size:14px}.service-benefits small{color:var(--muted-text-color);font-size:12px}
.catalog-hero{padding:48px 0 34px;background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color));border-bottom:1px solid var(--border-color)}.catalog-hero h1{margin:0;color:var(--heading-color);font-size:clamp(30px,4vw,46px)}.catalog-hero p{max-width:760px;margin:10px 0 0;color:var(--muted-text-color)}.catalog-section{padding:44px 0 80px}.catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:30px;align-items:start}.catalog-filters{position:sticky;top:190px;padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:15px}.filter-head{display:flex;justify-content:space-between;align-items:center}.filter-head h2{margin:0;color:var(--heading-color);font-size:19px}.filter-head button{display:none;border:0;background:transparent;font-size:28px}.catalog-filters form,.catalog-filters label{display:flex;flex-direction:column;gap:6px}.catalog-filters form{gap:15px;margin-top:18px}.catalog-filters label>span{font-size:12px;font-weight:750;color:var(--heading-color)}.catalog-filters input,.catalog-filters select,.catalog-toolbar select{width:100%;min-height:42px;border:1px solid var(--border-color);border-radius:8px;background:var(--surface-color);color:var(--body-text-color);padding:0 10px}.filter-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.filter-checks{display:grid;gap:8px}.filter-checks label{display:flex;flex-direction:row;align-items:center;font-size:13px}.filter-checks input{width:auto;min-height:auto}.clear-filter{text-align:center;font-size:13px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.catalog-toolbar>span{font-weight:750;color:var(--heading-color)}.catalog-toolbar select{width:auto}.catalog-book-grid{--desktop-count:4}.mobile-filter-button{display:none}.store-empty{grid-column:1/-1;min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;padding:36px;background:var(--surface-color);border:1px dashed var(--border-color);border-radius:16px}.store-empty span{font-size:40px;color:var(--primary-color)}.store-empty h2{margin:5px 0;color:var(--heading-color)}.store-empty p{margin:0;color:var(--muted-text-color)}.store-empty.compact{min-height:110px}.pagination{display:flex;justify-content:center;gap:5px;margin:34px 0 0;padding:0;list-style:none}.page-link{display:grid;place-items:center;min-width:40px;height:40px;border:1px solid var(--border-color);border-radius:8px;color:var(--heading-color);background:var(--surface-color)}.active>.page-link{background:var(--primary-color);color:var(--button-text-color);border-color:var(--primary-color)}
.book-detail-page{padding:36px 0 78px}.book-detail-top{display:grid;grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:56px;align-items:start}.book-gallery{display:grid;grid-template-columns:74px minmax(0,1fr);gap:14px}.main-book-image{grid-column:2;grid-row:1;display:grid;place-items:center;min-height:500px;padding:28px;border:1px solid var(--border-color);border-radius:18px;background:var(--surface-color)}.main-book-image img{max-height:520px;object-fit:contain}.book-thumbs{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:9px}.book-thumbs button{width:70px;height:88px;padding:5px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-color);cursor:pointer}.book-thumbs button.active,.book-thumbs button:hover{border-color:var(--primary-color)}.book-thumbs img{width:100%;height:100%;object-fit:contain}.cover-placeholder.large{min-height:440px}.book-summary-panel h1{margin:8px 0;color:var(--heading-color);font-size:clamp(30px,4vw,48px);line-height:1.18}.book-labels{display:flex;gap:7px}.book-labels span{padding:5px 9px;border-radius:99px;background:color-mix(in srgb,var(--secondary-color) 25%,var(--surface-color));color:var(--heading-color);font-size:11px;font-weight:850}.book-subtitle{font-size:18px;color:var(--muted-text-color)}.book-byline{display:flex;gap:8px;flex-wrap:wrap}.book-byline a{font-weight:750}.book-byline small{font-weight:500;color:var(--muted-text-color)}.rating-line{display:flex;gap:14px;margin:16px 0}.rating-line span{color:var(--secondary-color);font-weight:850}.book-key-info{display:flex;flex-wrap:wrap;gap:12px;padding:15px 0;border-block:1px solid var(--border-color)}.book-key-info>div{min-width:140px}.book-key-info span,.book-key-info strong,.book-key-info a{display:block}.book-key-info span{font-size:11px;color:var(--muted-text-color)}.detail-price{display:flex;align-items:center;gap:12px;margin-top:20px}.detail-price>strong{font-size:32px;color:var(--primary-color)}.detail-price del{color:var(--muted-text-color)}.detail-price span{padding:4px 8px;border-radius:7px;background:color-mix(in srgb,var(--success-color) 12%,var(--surface-color));color:var(--success-color);font-size:12px;font-weight:800}.stock-message{margin:10px 0;padding:8px 12px;border-radius:8px;background:color-mix(in srgb,var(--warning-color) 10%,var(--surface-color));color:var(--warning-color);font-size:13px;font-weight:700}.stock-message.success{background:color-mix(in srgb,var(--success-color) 10%,var(--surface-color));color:var(--success-color)}.purchase-form{display:grid;grid-template-columns:78px 1fr 1fr;gap:10px;margin-top:18px}.purchase-form input{width:100%;border:1px solid var(--border-color);border-radius:10px;text-align:center}.wishlist-detail-button{margin-top:12px;border:0;background:transparent;color:var(--primary-color);font-weight:800;cursor:pointer}.assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}.assurance-grid>div{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid var(--border-color);border-radius:9px;font-size:12px}.assurance-grid span{color:var(--primary-color);font-size:18px}.book-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:56px}.book-content>section{padding:26px 0;border-bottom:1px solid var(--border-color)}.book-content h2,.seller-box h3{margin-top:0;color:var(--heading-color)}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.spec-grid>div{display:flex;justify-content:space-between;gap:16px;padding:11px 14px;border-bottom:1px solid var(--border-color)}.spec-grid>div:nth-child(odd){border-right:1px solid var(--border-color)}.spec-grid span{color:var(--muted-text-color)}.contributor-card{display:flex;gap:16px;padding:16px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:13px;margin-bottom:10px}.contributor-card img{width:68px;height:68px;border-radius:50%;object-fit:cover}.contributor-card strong,.contributor-card small{display:block}.contributor-card p{margin:7px 0 0;color:var(--muted-text-color)}.review-card{padding:18px 0;border-bottom:1px solid var(--border-color)}.review-card>div{display:flex;align-items:center;gap:10px}.review-card span{color:var(--secondary-color)}.review-card small{color:var(--success-color)}.review-card h3{margin:8px 0 3px}.review-card p{margin:0}.seller-box{position:sticky;top:190px;padding:20px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px}.seller-offer{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--border-color)}.seller-offer div strong,.seller-offer div small{display:block}.seller-offer small{color:var(--muted-text-color)}
.store-page,.account-page,.auth-page,.publisher-registration{padding:52px 0 88px}.store-page-head,.account-head{margin-bottom:24px}.store-page-head h1,.account-head h1{margin:0;color:var(--heading-color);font-size:clamp(30px,4vw,44px)}.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.cart-items,.checkout-main{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:14px}.cart-item-main{display:flex;gap:15px;align-items:center}.mini-cover{width:72px;height:94px;object-fit:contain;background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color));border-radius:7px}.cart-item-main h3{margin:0;color:var(--heading-color);font-size:16px}.cart-item-main small{display:block;color:var(--muted-text-color)}.qty-form{display:flex;align-items:center;gap:7px}.qty-form input{width:68px;height:40px;border:1px solid var(--border-color);border-radius:8px;text-align:center}.cart-line-total{text-align:right}.cart-line-total strong{display:block;color:var(--heading-color)}.cart-summary,.checkout-summary{position:sticky;top:190px;padding:22px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:15px}.cart-summary h2,.checkout-summary h2{margin-top:0;color:var(--heading-color)}.cart-summary>div,.checkout-summary>div:not(.checkout-item){display:flex;justify-content:space-between;gap:15px;padding:8px 0}.cart-summary .grand,.checkout-summary .grand{border-top:1px solid var(--border-color);margin-top:7px;padding-top:14px;font-size:18px}.cart-summary p,.checkout-summary p{color:var(--muted-text-color);font-size:12px}.checkout-card,.account-card,.auth-card,.registration-form>section{position:relative;padding:24px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:15px}.checkout-card h2,.account-card h2,.registration-form h2{margin:0 0 18px;color:var(--heading-color);font-size:21px}.step-number{position:absolute;right:20px;top:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-weight:900}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.span-2{grid-column:span 2}.checkout-card label,.checkout-summary label,.account-form label,.registration-form label,.auth-card label{display:flex;flex-direction:column;gap:6px}.checkout-card label>span,.checkout-summary label>span,.account-form label>span,.registration-form label>span,.auth-card label>span{font-size:12px;font-weight:750;color:var(--heading-color)}.checkout-card input,.checkout-card select,.checkout-summary input,.checkout-summary textarea,.account-form input,.account-form select,.registration-form input,.registration-form select,.auth-card input{width:100%;min-height:44px;padding:8px 11px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-color);color:var(--body-text-color)}.choice-grid{display:grid;gap:9px}.choice-card{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px;border:1px solid var(--border-color);border-radius:10px;cursor:pointer}.choice-card:has(input:checked){border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color))}.choice-card input{width:auto;min-height:auto}.choice-card strong,.choice-card small{display:block}.choice-card small{color:var(--muted-text-color)}.saved-address-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:16px}.saved-address{padding:11px;text-align:left;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-color);cursor:pointer}.saved-address.active{border-color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color))}.saved-address strong,.saved-address span{display:block}.saved-address span{color:var(--muted-text-color);font-size:12px}.check-line{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:13px 0}.check-line input{width:auto!important;min-height:auto!important}.checkout-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:11px 0;border-bottom:1px solid var(--border-color);font-size:13px}.checkout-item strong,.checkout-item small{display:block}.checkout-item small{color:var(--muted-text-color)}
.account-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}.account-nav{position:sticky;top:190px;display:grid;padding:10px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:13px}.account-nav a,.account-nav button{display:block;width:100%;padding:10px 12px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--body-text-color);cursor:pointer}.account-nav a.active,.account-nav a:hover{background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color));color:var(--primary-color);font-weight:750}.account-content{min-width:0;display:grid;gap:18px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.account-stats>div{padding:18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.account-stats span,.account-stats strong{display:block}.account-stats span{font-size:12px;color:var(--muted-text-color)}.account-stats strong{font-size:25px;color:var(--heading-color)}.account-order-row,.order-book-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:15px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border-color)}.account-order-row strong,.account-order-row small{display:block}.account-order-row small{color:var(--muted-text-color)}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.address-card{padding:18px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:12px}.address-card>div{display:flex;justify-content:space-between}.address-card>div span{padding:3px 7px;border-radius:99px;background:color-mix(in srgb,var(--success-color) 10%,var(--surface-color));color:var(--success-color);font-size:10px}.address-card h3{margin:10px 0 0}.address-card p{margin:4px 0;color:var(--muted-text-color)}.timeline{display:grid;gap:0}.timeline>div{position:relative;padding:0 0 18px 24px;border-left:2px solid var(--border-color)}.timeline>div::before{content:"";position:absolute;left:-6px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary-color)}.tracking-box,.package-customer,.detail-list{padding:16px;border:1px solid var(--border-color);border-radius:11px;background:var(--surface-color)}
.auth-page{min-height:70vh;display:grid;place-items:center}.auth-card{width:min(100%,480px);padding:32px}.auth-card h1{margin:5px 0;color:var(--heading-color)}.auth-card form{display:grid;gap:14px}.auth-kicker,.registration-intro>span{color:var(--primary-color);font-weight:850;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.auth-switch{margin-top:15px;text-align:center}.publisher-registration .narrow-wide{width:min(920px,calc(100% - 40px))}.registration-intro{text-align:center;max-width:720px;margin:0 auto 28px}.registration-intro h1{margin:6px 0;color:var(--heading-color);font-size:clamp(30px,4vw,48px)}.registration-intro p{color:var(--muted-text-color)}.registration-form{display:grid;gap:16px}.registration-form>p{color:var(--muted-text-color)}.payment-state{width:min(620px,100%);margin:80px auto;text-align:center;padding:40px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:18px}.state-icon{font-size:56px;color:var(--primary-color)}.payment-state h1{color:var(--heading-color)}.continue-link{display:inline-flex;margin-top:14px;font-weight:750}
.filter-backdrop{display:none}
@media(max-width:1100px){.book-grid{--desktop-count:4}.catalog-book-grid{--desktop-count:3}.category-cards{grid-template-columns:repeat(4,1fr)}.header-actions{gap:7px}.store-action>span:last-child{display:none}.store-action{width:42px;height:42px;justify-content:center;border:1px solid var(--border-color);border-radius:11px}.book-detail-top{gap:34px}.cart-layout,.checkout-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:850px){body.filter-open{overflow:hidden}.book-grid{grid-template-columns:repeat(var(--tablet-count,3),minmax(0,1fr))}.catalog-book-grid{--tablet-count:3}.category-cards{grid-template-columns:repeat(3,1fr)}.service-benefits .container{grid-template-columns:repeat(2,1fr)}.catalog-layout{display:block}.mobile-filter-button{display:inline-flex;margin-bottom:16px;padding:9px 14px;border:1px solid var(--border-color);border-radius:9px;background:var(--surface-color);color:var(--heading-color);font-weight:750}.catalog-filters{position:fixed;z-index:1004;left:0;top:0;bottom:0;width:min(88vw,360px);border-radius:0;transform:translateX(-105%);transition:.25s;overflow:auto}.catalog-filters.open{transform:none}.filter-head button{display:block}.filter-backdrop{display:block;position:fixed;z-index:1003;inset:0;background:color-mix(in srgb,var(--heading-color) 48%,transparent);opacity:0;visibility:hidden;transition:.2s}.filter-backdrop.open{opacity:1;visibility:visible}.book-detail-top{grid-template-columns:1fr}.book-gallery{max-width:500px;margin-inline:auto}.book-content-grid{grid-template-columns:1fr}.seller-box{position:static}.cart-layout,.checkout-layout{grid-template-columns:1fr}.cart-summary,.checkout-summary{position:static}.account-layout{grid-template-columns:1fr}.account-nav{position:static;display:flex;overflow:auto;white-space:nowrap}.account-stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.book-grid{grid-template-columns:repeat(var(--mobile-count,2),minmax(0,1fr));gap:10px}.catalog-book-grid{--mobile-count:2}.book-cover{padding:10px}.book-card-body{padding:11px}.book-title{font-size:13px;min-height:37px}.book-price strong{font-size:15px}.book-cart-button{font-size:12px}.category-cards{grid-template-columns:repeat(2,1fr)}.service-benefits .container{grid-template-columns:1fr}.section-heading{align-items:start}.section-heading h2{font-size:24px}.book-gallery{display:block}.book-thumbs{margin-top:10px;flex-direction:row;overflow:auto}.main-book-image{min-height:390px;padding:18px}.book-thumbs button{flex:0 0 58px;height:72px}.purchase-form{grid-template-columns:65px 1fr}.purchase-form .secondary-button{grid-column:1/-1}.assurance-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr}.spec-grid>div:nth-child(odd){border-right:0}.cart-item{grid-template-columns:1fr}.cart-item-price{text-align:left}.cart-line-total{text-align:left}.form-grid.two,.form-grid.three{grid-template-columns:1fr}.span-2{grid-column:auto}.saved-address-options,.address-grid{grid-template-columns:1fr}.account-stats{grid-template-columns:1fr 1fr}.account-order-row,.order-book-row{grid-template-columns:1fr}.checkout-card,.account-card,.auth-card{padding:18px}.publisher-registration .narrow-wide{width:min(100% - 28px,920px)}.catalog-toolbar{align-items:stretch;flex-direction:column}.catalog-toolbar select{width:100%}.header-actions .store-action{display:none}.header-actions .store-action.compact{display:flex}.hero-actions{justify-content:center}.hero-actions>a{width:100%;max-width:300px}}
.profile-card-grid{display:grid;grid-template-columns:repeat(var(--desktop-count,6),minmax(0,1fr));gap:18px}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:20px 14px;border:1px solid var(--border-color);border-radius:15px;background:var(--surface-color);color:var(--heading-color)}.profile-card:hover{border-color:var(--primary-color);transform:translateY(-2px)}.profile-card img,.profile-card>span{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;object-fit:cover;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-size:28px;font-weight:900}.profile-card strong{margin-top:10px}.profile-card small{max-width:100%;margin-top:5px;color:var(--muted-text-color);font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.publication-card img,.publication-card>span{border-radius:12px;object-fit:contain;padding:5px}@media(max-width:850px){.profile-card-grid{grid-template-columns:repeat(var(--tablet-count,3),minmax(0,1fr))}}@media(max-width:560px){.profile-card-grid{grid-template-columns:repeat(var(--mobile-count,2),minmax(0,1fr));gap:10px}.profile-card{padding:14px 8px}.profile-card img,.profile-card>span{width:64px;height:64px}}
.inline-review{margin:10px 0 18px;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:color-mix(in srgb,var(--primary-color) 3%,var(--surface-color))}.inline-review summary{cursor:pointer;color:var(--primary-color);font-weight:750}.inline-review form{margin-top:13px}.return-item-selector{display:grid;gap:8px}.return-item-selector label{display:grid!important;grid-template-columns:auto minmax(0,1fr) 80px;align-items:center;gap:10px;padding:9px;border:1px solid var(--border-color);border-radius:9px}.return-item-selector input[type=checkbox]{width:auto!important;min-height:auto!important}.return-item-selector input[type=number]{min-height:38px!important}
.field-error{color:var(--error-color);font-size:11px}.muted-text{color:var(--muted-text-color)}.auth-row{display:flex;justify-content:flex-end;margin-top:-4px;font-size:12px}
.cancellation-card{border-color:color-mix(in srgb,var(--error-color) 28%,var(--border-color))}.cancellation-card>p{color:var(--muted-text-color)}.danger-button{border-color:var(--error-color);color:var(--error-color)}.danger-button:hover{background:var(--error-color);color:#fff}
.notification-list{display:grid}.notification-item{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 8px;border-bottom:1px solid var(--border-color)}.notification-item.unread{border-left:3px solid var(--primary-color);padding-left:16px;background:color-mix(in srgb,var(--primary-color) 4%,transparent)}.notification-item p{margin:6px 0;color:var(--body-text-color)}.notification-item small{color:var(--muted-text-color)}.compact-button{padding:8px 12px;font-size:.82rem}@media(max-width:620px){.notification-item{display:grid}}
.account-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.order-book-row+details{margin:0 0 14px}.danger-button{border-color:var(--error-color)!important;color:var(--error-color)!important}.danger-button:hover{background:var(--error-color)!important;color:var(--button-text-color)!important}@media(max-width:640px){.account-head-actions{width:100%}.account-head-actions .secondary-button{flex:1}.order-book-row{grid-template-columns:auto minmax(0,1fr)!important}.order-book-row>span{grid-column:2}}
/* Phase 3 shared responsive storefront polish */
.bi{display:inline-block;line-height:1;vertical-align:-.125em}.primary-button,.secondary-button,.book-cart-button,.wishlist-detail-button,.continue-link,.cart-update-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0}.breadcrumbs>*{min-width:0}.breadcrumbs strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.store-page-kicker{display:block;margin-bottom:5px;color:var(--primary-color);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.cart-item-count{display:inline-flex;align-items:center;gap:7px;color:var(--muted-text-color);font-weight:700}.book-stock{display:flex;align-items:center;gap:6px}.book-cart-button{width:100%}.header-actions .store-action-icon{display:grid;place-items:center}.header-actions .store-action-icon .bi{font-size:20px}.header-actions .store-action b{display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--secondary-color);color:#fff;font-size:10px}.header-social-links a,.social-links a{display:grid;place-items:center}.language-trigger{display:inline-flex;align-items:center;gap:6px}.nav-link .bi,.mobile-store-actions .bi{margin-right:5px}.chevron .bi{margin:0}.store-toast-region{position:fixed;z-index:1800;right:20px;top:92px;display:grid;gap:10px;width:min(390px,calc(100vw - 32px));pointer-events:none}.store-toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--border-color);border-radius:12px;background:var(--surface-color);box-shadow:0 18px 45px rgba(15,23,42,.18);opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:auto}.store-toast.show{opacity:1;transform:none}.store-toast>i{font-size:20px}.store-toast.success>i{color:var(--success-color)}.store-toast.error>i{color:var(--error-color)}.store-toast.warning>i{color:var(--warning-color)}.store-toast button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--muted-text-color)}.store-toast button:hover{background:color-mix(in srgb,var(--body-text-color) 7%,transparent)}.store-button-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:storeSpin .7s linear infinite}@keyframes storeSpin{to{transform:rotate(360deg)}}
.cart-empty-state{padding-block:70px}.empty-state-icon{display:grid!important;place-items:center;width:76px;height:76px;margin:0 auto 18px;border-radius:22px;background:color-mix(in srgb,var(--primary-color) 10%,var(--surface-color));color:var(--primary-color);font-size:34px}.cart-layout{align-items:start}.cart-items{min-width:0}.cart-item{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr) auto minmax(110px,auto) 40px;align-items:center;gap:18px;padding:18px}.cart-cover{display:block;width:88px}.cart-cover img,.cart-cover .mini-cover{width:76px;height:106px;object-fit:cover;border-radius:8px}.cart-book-title{display:-webkit-box;overflow:hidden;color:var(--heading-color);font-size:16px;font-weight:800;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cart-item-main small{display:block;margin:5px 0;color:var(--muted-text-color)}.cart-stock-line{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:12px;font-weight:650}.cart-stock-line.in-stock{color:var(--success-color)}.cart-stock-line.out-of-stock{color:var(--error-color)}.qty-form{display:grid;justify-items:center;gap:7px}.qty-label{color:var(--muted-text-color);font-size:11px}.quantity-control{display:grid;grid-template-columns:34px 46px 34px;overflow:hidden;border:1px solid var(--border-color);border-radius:9px}.quantity-control button{display:grid;place-items:center;border:0;background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color));color:var(--heading-color)}.quantity-control input{width:46px;height:36px;padding:0;border:0;border-inline:1px solid var(--border-color);text-align:center;appearance:textfield}.quantity-control input::-webkit-inner-spin-button{display:none}.cart-update-button{min-height:32px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--primary-color);font-size:12px;font-weight:700}.cart-line-total{display:flex;flex-direction:column;text-align:right}.cart-line-total span{color:var(--muted-text-color);font-size:11px}.cart-line-total strong{color:var(--heading-color);font-size:16px}.remove-button{display:grid;place-items:center;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--error-color) 18%,var(--border-color));border-radius:9px;background:color-mix(in srgb,var(--error-color) 5%,var(--surface-color));color:var(--error-color)}.remove-button:hover{background:var(--error-color);color:#fff}.summary-title{display:flex!important;align-items:center;gap:9px}.summary-title h2{margin:0}.summary-title>i{color:var(--primary-color);font-size:20px}.summary-discount{color:var(--success-color)!important}.summary-note{display:flex;align-items:flex-start;gap:8px}.cart-summary .primary-button{justify-content:center}.continue-link{margin-top:12px}.checkout-card h2,.checkout-summary h2{display:flex;align-items:center;gap:9px}.checkout-card .step-number{display:grid;place-items:center}.checkout-summary .bi{color:var(--primary-color)}
@media(max-width:1100px){.cart-item{grid-template-columns:76px minmax(0,1fr) auto 40px}.cart-cover{width:76px}.qty-form{grid-column:2}.cart-line-total{grid-column:3;grid-row:2}.cart-item>form:last-child{grid-column:4;grid-row:1/3}.cart-layout{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:850px){.store-page-head{align-items:flex-start}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-item{grid-template-columns:68px minmax(0,1fr) 38px;gap:13px}.cart-cover{width:68px}.cart-cover img,.cart-cover .mini-cover{width:62px;height:88px}.cart-item-main{grid-column:2}.qty-form{grid-column:1/3;display:flex;align-items:center;justify-content:flex-start}.qty-label{display:none}.cart-line-total{grid-column:3;grid-row:2;align-self:center}.cart-item>form:last-child{grid-column:3;grid-row:1}.store-toast-region{top:auto;right:16px;bottom:18px}}
@media(max-width:520px){.store-page-head{display:grid}.cart-item-count{justify-self:start}.cart-item{padding:14px}.cart-line-total span{display:none}.cart-line-total strong{font-size:14px}.qty-form{flex-wrap:wrap}.cart-update-button{padding-inline:4px}.cart-update-button span{display:none}.store-toast-region{right:12px;width:calc(100vw - 24px)}.header-actions .store-action:not(.compact)>span:last-child{display:none}}
/* Final professional bookstore storefront */
body,button,input,select,textarea{font-family:Inter,"Hind Siliguri","Noto Sans Bengali","Segoe UI",sans-serif}.bookstore-home{padding-bottom:56px;background:#f5f7f9}.bookstore-home .welcome-section{min-height:390px;padding-block:44px;background-color:var(--welcome-bg);border-bottom:1px solid var(--border-color)}.bookstore-home .welcome-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:46px}.bookstore-home .welcome-content h1{font-size:clamp(34px,5vw,58px);max-width:680px}.bookstore-home .welcome-content p{margin-top:16px;font-size:17px}.bookstore-home .welcome-visual img{max-height:320px}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border:1px solid var(--primary-color);border-radius:11px;color:var(--primary-color);font-weight:800}.home-content-stack{display:grid;gap:20px;padding-top:24px}.home-panel{padding:24px;border:1px solid var(--border-color);border-radius:15px;background:var(--surface-color);box-shadow:0 5px 20px rgba(15,23,42,.035)}.compact-heading{margin-bottom:20px}.compact-heading h2{font-size:26px}.compact-heading>a{display:inline-flex;align-items:center;gap:7px}.home-category-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.home-category-grid a{flex-direction:column;justify-content:center;min-height:116px;padding:12px;text-align:center}.category-visual{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:color-mix(in srgb,var(--primary-color) 8%,var(--surface-color));color:var(--primary-color);font-size:25px;overflow:hidden}.category-visual img{width:100%;height:100%;border-radius:0;object-fit:cover}.home-category-grid strong{font-size:13px;line-height:1.25}.home-book-grid{grid-template-columns:repeat(var(--desktop-count,6),minmax(0,1fr));gap:16px}.book-card{border-radius:12px;box-shadow:none}.book-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.09)}.book-card-media{position:relative;display:flex;align-items:center;justify-content:center;height:218px;padding:14px;background:#f8fafc;overflow:hidden}.book-card-media img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.book-card:hover .book-card-media img{transform:scale(1.025)}.book-card-badges{position:absolute;left:9px;top:9px}.discount-badge,.new-badge,.best-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;color:#fff;font-size:10px;font-weight:800}.discount-badge{background:var(--error-color)}.new-badge{background:var(--primary-color)}.best-badge{background:var(--secondary-color);color:#111827}.book-card-body{padding:12px}.book-title{display:-webkit-box;min-height:39px;overflow:hidden;color:var(--heading-color);font-size:14px;font-weight:700;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.book-author{display:block;margin-top:5px;overflow:hidden;color:var(--muted-text-color);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.book-author.muted{opacity:.75}.book-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.book-price{display:flex;align-items:center;gap:6px}.book-price strong{color:var(--primary-color);font-size:16px}.book-price del{color:var(--muted-text-color);font-size:11px}.book-availability{font-size:12px}.book-availability.in{color:var(--success-color)}.book-availability.out{color:var(--error-color)}.book-cart-button{min-height:36px;margin-top:10px;border-radius:8px;font-size:12px}.service-benefits{padding:0}.service-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-benefit-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:11px;padding:18px;border-right:1px solid var(--border-color)}.service-benefit-grid>div:last-child{border-right:0}.service-benefit-grid span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--primary-color) 9%,var(--surface-color));color:var(--primary-color);font-size:20px}.service-benefit-grid strong{font-size:14px}.service-benefit-grid small{color:var(--muted-text-color);font-size:11px}.book-detail-page{padding:26px 0 50px;background:#f5f7f9}.book-product-card{margin-top:18px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--surface-color)}.book-product-grid{display:grid;grid-template-columns:minmax(230px,290px) minmax(0,1fr) minmax(260px,310px);gap:30px;align-items:start}.book-gallery{display:flex;flex-direction:column;gap:12px}.main-book-image{display:grid;place-items:center;min-height:360px;padding:20px;border:1px solid var(--border-color);border-radius:12px;background:#fafafa}.main-book-image img{max-height:350px;object-fit:contain}.book-thumbs{display:flex;gap:8px;overflow:auto}.book-thumbs button{flex:0 0 54px;width:54px;height:68px;padding:4px}.book-summary-panel h1{margin:8px 0;font-size:clamp(28px,3.5vw,42px)}.book-short-description{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-color);color:var(--muted-text-color);line-height:1.75}.book-quick-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.book-quick-links a{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:8px;background:color-mix(in srgb,var(--primary-color) 6%,var(--surface-color));font-size:12px;font-weight:700}.book-buy-card{position:sticky;top:170px;padding:20px;border:1px solid var(--border-color);border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08)}.seller-label{display:block;color:var(--muted-text-color);font-size:11px}.seller-name{display:block;margin:2px 0 12px}.book-buy-card .detail-price{margin-top:0}.saving-line{margin:5px 0;color:var(--success-color);font-size:12px;font-weight:700}.book-buy-card .purchase-form{grid-template-columns:1fr;margin-top:14px}.quantity-field{display:grid;grid-template-columns:auto 74px;align-items:center;justify-content:space-between;gap:10px}.quantity-field input{height:42px}.book-buy-card .wishlist-detail-button{width:100%;justify-content:center;min-height:40px;border:1px solid var(--border-color);border-radius:9px}.buy-card-service-list{display:grid;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border-color)}.buy-card-service-list div{display:flex;align-items:flex-start;gap:8px;color:var(--muted-text-color);font-size:11px}.buy-card-service-list i{color:var(--primary-color);font-size:15px}.book-action-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0;border:1px solid var(--border-color);border-radius:13px;background:#fff;overflow:hidden}.book-action-strip a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;border-right:1px solid var(--border-color);font-weight:700}.book-action-strip a:last-child{border-right:0}.book-action-strip i{color:var(--primary-color)}.book-content-grid{grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:0}.book-content{display:grid;gap:16px}.book-content-card{padding:24px;border:1px solid var(--border-color);border-radius:14px;background:#fff}.book-content-card h2{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:22px}.book-content-card h2 i{color:var(--primary-color)}.book-side-column{display:grid;align-content:start;gap:16px}.seller-box,.publication-summary-card{position:static;padding:20px;border:1px solid var(--border-color);border-radius:14px;background:#fff}.publication-summary-card>span,.publication-summary-card>strong,.publication-summary-card>p{display:block}.publication-summary-card>span{color:var(--muted-text-color);font-size:11px}.publication-summary-card img{max-width:130px;max-height:70px;margin:12px 0;object-fit:contain}.publication-summary-card p{color:var(--muted-text-color);font-size:12px}.contributor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.contributor-card{margin:0}.contributor-placeholder{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:color-mix(in srgb,var(--primary-color) 10%,#fff);color:var(--primary-color);font-size:24px;font-weight:800;flex:none}.review-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.review-section-head h2{margin-bottom:4px}.review-section-head p{margin:0;color:var(--muted-text-color)}.review-section-head>strong{font-size:24px;color:var(--secondary-color)}.related-book-section{padding:18px 0 0;background:#f5f7f9}.checkout-page{background:#f5f7f9}.checkout-summary{border-radius:14px}.checkout-items-list{max-height:290px;overflow:auto}.checkout-coupon-box{padding:15px 0;border-block:1px solid var(--border-color)}.checkout-coupon-box>label{display:block;margin-bottom:7px;font-weight:700}.checkout-coupon-box>div{display:flex}.checkout-coupon-box input{flex:1;min-width:0;border-radius:9px 0 0 9px}.checkout-coupon-box button{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:0 9px 9px 0;background:var(--primary-color);color:#fff;font-weight:700;padding:0 13px}.checkout-coupon-box small{display:block;margin-top:7px;color:var(--muted-text-color)}.checkout-total-list{display:grid;gap:10px;padding:16px 0}.checkout-total-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.checkout-grand-total{margin-top:5px;padding-top:13px;border-top:1px solid var(--border-color);font-size:18px}.checkout-grand-total strong{color:var(--primary-color);font-size:22px}.checkout-summary-status{display:flex;align-items:flex-start;gap:8px;padding:10px;border-radius:9px;background:color-mix(in srgb,var(--primary-color) 6%,#fff);color:var(--muted-text-color);font-size:11px}.checkout-summary-status.loading i{animation:storeSpin .8s linear infinite}.checkout-summary-status.error{background:color-mix(in srgb,var(--error-color) 7%,#fff);color:var(--error-color)}.checkout-secure-note{display:flex;align-items:flex-start;gap:7px;font-size:10px}.saved-address{display:flex!important;align-items:flex-start;gap:10px;text-align:left}.saved-address>i{color:var(--primary-color);font-size:18px}.saved-address span{display:grid}.saved-address small{color:var(--muted-text-color)}.choice-icon{color:var(--primary-color);font-size:20px}.order-success-page{min-height:70vh;background:#f5f7f9}.order-success-container{max-width:1050px}.order-success-card{padding:clamp(24px,4vw,48px);border:1px solid var(--border-color);border-radius:18px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(15,23,42,.07)}.order-success-card h1{margin:10px 0;font-size:clamp(28px,4vw,44px)}.order-success-intro{max-width:680px;margin:0 auto;color:var(--muted-text-color)}.order-success-reference{display:inline-grid;gap:3px;margin:24px auto;padding:12px 22px;border-radius:12px;background:color-mix(in srgb,var(--primary-color) 7%,#fff)}.order-success-reference span{color:var(--muted-text-color);font-size:11px}.order-success-reference strong{font-size:21px;letter-spacing:.04em}.order-success-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.order-success-summary-grid>div{display:grid;gap:4px;padding:16px;border:1px solid var(--border-color);border-radius:12px}.order-success-summary-grid i{color:var(--primary-color);font-size:22px}.order-success-summary-grid span{color:var(--muted-text-color);font-size:11px}.order-success-content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:16px;margin-top:20px;text-align:left}.order-success-section{padding:20px;border:1px solid var(--border-color);border-radius:13px}.order-success-section h2{display:flex;align-items:center;gap:8px;margin-top:0;font-size:18px}.success-package-card{border:1px solid var(--border-color);border-radius:10px;overflow:hidden}.success-package-card+.success-package-card{margin-top:10px}.success-package-head{display:flex;justify-content:space-between;gap:10px;padding:12px;background:#f8fafc}.success-package-head span,.success-package-head strong{display:block}.success-package-head span{font-size:10px;color:var(--muted-text-color)}.success-package-head>b{font-size:11px;color:var(--primary-color)}.success-order-item{display:grid;grid-template-columns:28px 1fr auto;gap:9px;padding:10px 12px;border-top:1px solid var(--border-color);font-size:12px}.success-total-lines{display:grid;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border-color)}.success-total-lines>div{display:flex;justify-content:space-between}.success-total-lines>div:last-child{font-size:16px}.order-success-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
@media(max-width:1180px){.home-category-grid{grid-template-columns:repeat(6,1fr)}.home-book-grid{grid-template-columns:repeat(var(--desktop-count,5),minmax(0,1fr))}.book-product-grid{grid-template-columns:240px minmax(0,1fr) 280px;gap:20px}}
@media(max-width:950px){.home-category-grid{grid-template-columns:repeat(4,1fr)}.home-book-grid{grid-template-columns:repeat(var(--tablet-count,3),minmax(0,1fr))}.book-product-grid{grid-template-columns:260px minmax(0,1fr)}.book-buy-card{position:static;grid-column:1/-1}.book-content-grid{grid-template-columns:1fr}.book-side-column{grid-template-columns:repeat(2,1fr)}.service-benefit-grid{grid-template-columns:repeat(2,1fr)}.service-benefit-grid>div:nth-child(2){border-right:0}.service-benefit-grid>div:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.order-success-content-grid{grid-template-columns:1fr}}
@media(max-width:720px){.bookstore-home .welcome-grid{grid-template-columns:1fr}.bookstore-home .welcome-visual{display:none}.home-panel{padding:17px}.home-category-grid{grid-template-columns:repeat(3,1fr)}.home-book-grid{grid-template-columns:repeat(var(--mobile-count,2),minmax(0,1fr));gap:10px}.book-card-media{height:185px}.book-product-grid{grid-template-columns:1fr}.book-gallery{max-width:330px;margin:auto}.book-summary-panel h1{text-align:left}.book-action-strip{grid-template-columns:1fr}.book-action-strip a{border-right:0;border-bottom:1px solid var(--border-color)}.book-action-strip a:last-child{border-bottom:0}.contributor-grid,.book-side-column{grid-template-columns:1fr}.order-success-summary-grid{grid-template-columns:1fr}.service-benefit-grid{grid-template-columns:1fr}.service-benefit-grid>div{border-right:0;border-bottom:1px solid var(--border-color)}.service-benefit-grid>div:last-child{border-bottom:0}}
@media(max-width:520px){.bookstore-home .welcome-section{min-height:auto}.bookstore-home .welcome-content h1{font-size:34px}.home-category-grid{grid-template-columns:repeat(2,1fr)}.home-category-grid a{min-height:104px}.book-card-media{height:170px;padding:10px}.book-title{font-size:12px;min-height:34px}.book-card-body{padding:9px}.book-price strong{font-size:14px}.book-cart-button{font-size:11px}.book-product-card{padding:14px}.main-book-image{min-height:330px}.book-buy-card,.book-content-card{padding:16px}.checkout-coupon-box>div{display:grid;grid-template-columns:1fr}.checkout-coupon-box input,.checkout-coupon-box button{min-height:42px;border-radius:9px}.checkout-coupon-box button{margin-top:7px;justify-content:center}.order-success-card{padding:22px 14px}.success-package-head{align-items:flex-start}.success-order-item{grid-template-columns:24px 1fr}.success-order-item>b{grid-column:2}}
/* Header navigation consolidation: one compact primary row only. */
.site-header .topbar-inner{min-height:32px}
.site-header .header-inner{min-height:70px;gap:22px}
.site-header .brand img{max-height:54px}
.site-header .header-search{height:44px}
.site-header .header-search button{min-width:104px}
.site-header .store-action,.site-header .language-trigger,.site-header .mobile-toggle{min-height:40px;height:40px}
.site-header .primary-nav{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}
.site-header .primary-nav .nav-list{min-height:42px;gap:2px;justify-content:flex-start}
.site-header .primary-nav .nav-link{padding:9px 11px;font-size:13px;border-radius:7px}
.site-header .primary-nav .menu-icon{font-size:14px}
.site-header .secondary-nav{display:none!important}
@media(max-width:1100px){
.site-header .header-inner{min-height:64px;gap:14px}
.site-header .primary-nav .nav-link{padding-inline:9px}
}
@media(max-width:900px){
.site-header .header-inner{min-height:60px}
}
/* ============================================================
Compact bookstore storefront – shared home and single-book UI
============================================================ */
body{
font-family:Inter,"Hind Siliguri","Segoe UI",Arial,sans-serif;
background:#f5f8f6;
}
.site-header{
transition:box-shadow .2s ease,transform .2s ease,background .2s ease;
}
.site-header.is-sticky{
box-shadow:0 1px 0 var(--border-color),0 5px 18px rgba(15,23,42,.035);
}
.site-header .topbar-inner{
min-height:28px;
font-size:12px;
}
.site-header .header-inner{
min-height:var(--header-main-height,58px);
height:var(--header-main-height,58px);
gap:18px;
}
.site-header .brand img{
max-height:var(--header-logo-max-height,44px);
width:auto;
}
.site-header .brand-mark{
width:38px;
height:38px;
border-radius:10px;
font-size:19px;
}
.site-header .brand-name{font-size:18px}
.site-header .header-search{
height:var(--header-search-height,38px);
border-width:1.5px;
border-radius:999px;
max-width:620px;
}
.site-header .header-search input{
padding-inline:16px;
font-size:13px;
}
.site-header .header-search button{
min-width:94px;
padding-inline:17px;
font-size:13px;
}
.site-header .header-actions{gap:7px}
.site-header .store-action,
.site-header .language-trigger,
.site-header .mobile-toggle{
min-height:36px;
height:36px;
border-radius:9px;
}
.site-header .store-action{
gap:6px;
padding-inline:8px;
font-size:12px;
}
.site-header .store-action.compact{
width:38px;
padding:0;
}
.site-header .store-action-icon{font-size:17px}
.site-header .primary-nav{
border-top:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);
border-bottom:1px solid color-mix(in srgb,var(--border-color) 75%,transparent);
}
.site-header .primary-nav .nav-list{
min-height:var(--header-nav-height,38px);
height:var(--header-nav-height,38px);
gap:0;
justify-content:center;
}
.site-header .primary-nav .nav-link{
min-height:34px;
padding:7px 10px;
border-radius:6px;
font-size:12px;
line-height:1;
}
.site-header .primary-nav .menu-icon{font-size:13px}
.site-header .primary-nav .chevron{font-size:11px}
.site-header .dropdown-menu{
top:calc(100% + 1px);
border-radius:10px;
padding:6px;
min-width:210px;
}
.site-header .dropdown-menu .nav-link{
min-height:36px;
line-height:1.35;
}
.site-header .secondary-nav{display:none!important}
/* Homepage hero */
.finaltouch-home{padding-bottom:34px}
.storefront-hero-shell{
padding:14px 0 8px;
background:#fff;
}
.storefront-hero-grid{
display:grid;
grid-template-columns:minmax(0,3fr) minmax(250px,1fr);
gap:14px;
align-items:stretch;
}
.storefront-slider{
position:relative;
min-height:260px;
border-radius:10px;
overflow:hidden;
background:#edf4ef var(--hero-fallback-image,none) center/cover no-repeat;
box-shadow:0 5px 18px rgba(15,23,42,.06);
}
.storefront-slides,
.storefront-slide{
position:absolute;
inset:0;
}
.storefront-slide{
display:block;
opacity:0;
visibility:hidden;
transform:scale(1.01);
transition:opacity .45s ease,visibility .45s ease,transform .65s ease;
}
.storefront-slide.is-active{
opacity:1;
visibility:visible;
transform:scale(1);
z-index:1;
}
.storefront-slide img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}
.storefront-slide-empty{
display:grid;
place-items:center;
padding:34px;
color:#fff;
background:
linear-gradient(115deg,color-mix(in srgb,var(--primary-color) 92%,#0f172a),color-mix(in srgb,var(--secondary-color) 72%,#0f172a));
}
.storefront-slide-empty>div{max-width:580px;text-align:center}
.storefront-slide-empty span{display:block;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.storefront-slide-empty strong{display:block;margin:10px 0 18px;font-size:clamp(28px,4vw,52px);line-height:1.08}
.storefront-slide-empty a{
display:inline-flex;
min-height:40px;
align-items:center;
padding:0 18px;
border-radius:8px;
background:#fff;
color:var(--primary-color);
font-weight:800;
}
.hero-arrow{
position:absolute;
z-index:3;
top:50%;
display:grid;
place-items:center;
width:36px;
height:36px;
transform:translateY(-50%);
border:1px solid rgba(255,255,255,.7);
border-radius:50%;
background:rgba(255,255,255,.9);
color:var(--primary-color);
box-shadow:0 7px 20px rgba(15,23,42,.15);
cursor:pointer;
}
.hero-arrow-prev{left:12px}
.hero-arrow-next{right:12px}
.hero-dots{
position:absolute;
z-index:3;
left:50%;
bottom:11px;
display:flex;
gap:6px;
transform:translateX(-50%);
}
.hero-dots button{
width:7px;
height:7px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.65);
transition:width .2s ease,background .2s ease;
cursor:pointer;
}
.hero-dots button.is-active{width:22px;background:#fff}
.home-app-promo{
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
min-height:260px;
padding:19px;
border-radius:10px;
color:#fff;
background:
radial-gradient(circle at 90% 5%,rgba(255,255,255,.24),transparent 31%),
linear-gradient(145deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 72%,#073c24));
box-shadow:0 5px 18px color-mix(in srgb,var(--primary-color) 16%,transparent);
}
.home-app-art{
position:absolute;
right:-18px;
bottom:-20px;
width:145px;
max-height:190px;
object-fit:contain;
opacity:.25;
}
.home-app-icon{
display:grid;
place-items:center;
width:43px;
height:43px;
border-radius:12px;
background:rgba(255,255,255,.17);
font-size:24px;
}
.home-app-copy{position:relative;z-index:1;margin-top:11px}
.home-app-copy>span{
display:block;
font-size:10px;
font-weight:800;
text-transform:uppercase;
letter-spacing:.1em;
opacity:.8;
}
.home-app-copy h2{
margin:4px 0 6px;
color:#fff;
font-size:22px;
line-height:1.15;
}
.home-app-copy p{
margin:0;
max-width:240px;
color:rgba(255,255,255,.78);
font-size:12px;
line-height:1.45;
}
.app-promo-code{
display:inline-flex;
margin-top:9px;
padding:5px 10px;
border-radius:999px;
background:rgba(255,255,255,.14);
font-size:11px;
}
.home-app-bottom{
position:relative;
z-index:1;
display:flex;
gap:10px;
align-items:flex-end;
margin-top:auto;
padding-top:12px;
}
.home-app-qr{
width:68px;
height:68px;
border-radius:7px;
background:#fff;
padding:4px;
object-fit:contain;
}
.home-app-buttons{display:grid;gap:6px;min-width:0}
.home-app-buttons a{
display:flex;
align-items:center;
gap:7px;
min-height:31px;
padding:4px 8px;
border-radius:7px;
background:#0b0d10;
color:#fff;
font-size:9px;
line-height:1;
}
.home-app-buttons a i{font-size:16px}
.home-app-buttons a span{display:grid;font-weight:700}
.home-app-buttons a small{font-size:7px;font-weight:400;opacity:.72}
.compact-welcome{
padding:20px 0;
background:#fff center/cover no-repeat;
}
.compact-welcome-grid{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);
align-items:center;
min-height:280px;
gap:30px;
padding:34px;
border-radius:12px;
background:linear-gradient(110deg,rgba(255,255,255,.97),rgba(255,255,255,.72));
}
.compact-welcome-grid h1{margin:6px 0 10px;font-size:clamp(30px,4vw,52px);line-height:1.1}
.compact-welcome-grid p{max-width:650px;color:var(--muted-text-color)}
.compact-welcome-grid a{
display:inline-flex;
min-height:42px;
align-items:center;
margin-top:8px;
padding:0 18px;
border-radius:8px;
background:var(--primary-color);
color:#fff;
font-weight:800;
}
.compact-welcome-grid img{max-height:240px;justify-self:end}
/* Homepage content sections */
.finaltouch-home-stack{
display:grid;
gap:24px;
padding-top:20px;
}
.storefront-section{
padding:0;
border:0;
background:transparent;
}
.storefront-section-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
margin-bottom:12px;
}
.storefront-section-head>div{
display:flex;
align-items:center;
gap:10px;
min-width:0;
}
.storefront-section-head .section-icon{
display:grid;
place-items:center;
width:34px;
height:34px;
flex:none;
border-radius:10px;
background:color-mix(in srgb,var(--primary-color) 10%,#fff);
color:var(--primary-color);
font-size:16px;
}
.storefront-section-head h2{
margin:0;
color:var(--heading-color);
font-size:21px;
line-height:1.15;
}
.storefront-section-head p{
margin:2px 0 0;
color:var(--muted-text-color);
font-size:11px;
}
.storefront-section-head>a{
display:inline-flex;
align-items:center;
gap:5px;
flex:none;
color:var(--primary-color);
font-size:11px;
font-weight:800;
}
.dynamic-storefront-section{
padding:16px;
border-radius:12px;
}
.category-showcase{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:11px;
}
.category-showcase-card{
display:grid;
place-items:center;
gap:8px;
min-height:114px;
padding:12px 8px;
border:1px solid var(--border-color);
border-radius:11px;
background:#fff;
color:var(--heading-color);
text-align:center;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.category-showcase-card:hover{
transform:translateY(-2px);
border-color:color-mix(in srgb,var(--primary-color) 38%,var(--border-color));
box-shadow:0 9px 24px rgba(15,23,42,.06);
}
.category-showcase-card>span{
display:grid;
place-items:center;
width:58px;
height:58px;
overflow:hidden;
border-radius:14px;
background:color-mix(in srgb,var(--primary-color) 8%,#fff);
color:var(--primary-color);
font-size:25px;
}
.category-showcase-card img{width:100%;height:100%;object-fit:cover}
.category-showcase-card strong{
max-width:100%;
overflow:hidden;
font-size:12px;
line-height:1.25;
text-overflow:ellipsis;
white-space:nowrap;
}
.author-showcase{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:10px;
}
.author-chip{
display:flex;
align-items:center;
gap:9px;
min-width:0;
min-height:66px;
padding:8px 10px;
border:1px solid var(--border-color);
border-radius:11px;
background:#fff;
color:var(--heading-color);
}
.author-chip>img,
.author-chip>span{
display:grid;
place-items:center;
width:46px;
height:46px;
flex:none;
border:2px solid color-mix(in srgb,var(--primary-color) 35%,#fff);
border-radius:50%;
background:color-mix(in srgb,var(--primary-color) 8%,#fff);
object-fit:cover;
color:var(--primary-color);
font-weight:800;
}
.author-chip>div{min-width:0}
.author-chip strong,
.author-chip small{
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.author-chip strong{font-size:12px}
.author-chip small{color:var(--muted-text-color);font-size:9px}
.publication-showcase{
display:grid;
grid-template-columns:repeat(6,minmax(0,1fr));
gap:10px;
}
.publication-tile{
display:grid;
place-items:center;
gap:8px;
min-height:115px;
padding:12px;
border:1px solid var(--border-color);
border-radius:11px;
background:#fff;
color:var(--heading-color);
text-align:center;
}
.publication-tile img,
.publication-tile>span{
display:grid;
place-items:center;
width:64px;
height:58px;
object-fit:contain;
color:var(--primary-color);
font-size:25px;
font-weight:800;
}
.publication-tile strong{font-size:11px;line-height:1.25}
.home-custom-banner{
display:block;
overflow:hidden;
border-radius:11px;
}
.home-custom-banner img{display:block;width:100%;max-height:300px;object-fit:cover}
/* Compact book cards */
.compact-book-grid{
display:grid;
grid-template-columns:repeat(var(--desktop-count,5),minmax(0,1fr));
gap:13px;
}
.compact-store-book-card{
min-width:0;
overflow:hidden;
border:1px solid color-mix(in srgb,var(--border-color) 92%,transparent);
border-radius:10px;
background:#fff;
box-shadow:none;
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.compact-store-book-card:hover{
transform:translateY(-3px);
border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color));
box-shadow:0 10px 24px rgba(15,23,42,.07);
}
.compact-store-book-card .book-card-media{
height:222px;
padding:9px;
background:#f8faf9;
}
.compact-store-book-card .book-card-media>img{
width:100%;
height:100%;
object-fit:contain;
}
.compact-store-book-card .book-card-badges{
top:7px;
left:7px;
right:7px;
display:flex;
justify-content:space-between;
pointer-events:none;
}
.compact-store-book-card .book-card-badges span{
padding:4px 7px;
border-radius:999px;
font-size:8px;
line-height:1;
box-shadow:0 4px 12px rgba(15,23,42,.12);
}
.compact-store-book-card .book-card-body{padding:9px 10px 10px}
.compact-store-book-card .book-code{
display:flex;
align-items:center;
gap:4px;
min-height:14px;
color:var(--muted-text-color);
font-size:8px;
}
.compact-store-book-card .book-title{
display:-webkit-box;
min-height:36px;
margin:3px 0;
overflow:hidden;
color:var(--heading-color);
font-size:12px;
font-weight:750;
line-height:1.45;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.compact-store-book-card .book-meta-lines{
display:grid;
min-height:29px;
color:var(--muted-text-color);
font-size:9px;
line-height:1.35;
}
.compact-store-book-card .book-meta-lines a,
.compact-store-book-card .book-meta-lines span{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.compact-store-book-card .book-price-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:6px;
min-height:26px;
margin-top:4px;
}
.compact-store-book-card .book-price{
display:flex;
align-items:baseline;
gap:5px;
min-width:0;
}
.compact-store-book-card .book-price strong{
color:var(--primary-color);
font-size:14px;
}
.compact-store-book-card .book-price del{
color:var(--muted-text-color);
font-size:9px;
}
.compact-store-book-card .book-availability{font-size:11px}
.compact-store-book-card .book-cart-button{
min-height:31px;
margin-top:6px;
border-radius:7px;
font-size:10px;
}
/* Shared single-book reference layout */
.finaltouch-book-page{
padding:18px 0 0;
background:#f3f7f4;
}
.compact-breadcrumbs{
margin:0 0 11px;
padding:0;
font-size:11px;
}
.reference-book-shell,
.reference-book-details,
.reference-review-section{
border:1px solid color-mix(in srgb,var(--border-color) 92%,transparent);
border-radius:12px;
background:#fff;
box-shadow:0 7px 24px rgba(15,23,42,.045);
}
.reference-book-shell{padding:15px}
.reference-book-grid{
display:grid;
grid-template-columns:280px minmax(0,1fr) 255px;
gap:17px;
align-items:start;
}
.reference-book-gallery{min-width:0}
.reference-cover-frame{
position:relative;
display:grid;
place-items:center;
min-height:360px;
padding:12px;
overflow:hidden;
border:1px solid var(--border-color);
border-radius:10px;
background:#fbfcfb;
}
.reference-cover-frame>img{
width:100%;
max-height:335px;
object-fit:contain;
}
.reference-discount-badge{
position:absolute;
z-index:1;
top:10px;
left:10px;
display:grid;
place-items:center;
width:49px;
height:49px;
border-radius:50%;
background:#ef4444;
color:#fff;
font-size:10px;
font-weight:800;
box-shadow:0 7px 18px rgba(239,68,68,.25);
}
.reference-edition-caption{
margin:7px 0 9px;
color:var(--muted-text-color);
font-size:10px;
text-align:center;
}
.reference-book-thumbs{
display:flex;
gap:6px;
overflow-x:auto;
padding-bottom:5px;
}
.reference-book-thumbs button{
width:44px;
height:52px;
flex:none;
padding:3px;
border:1px solid var(--border-color);
border-radius:6px;
background:#fff;
}
.reference-book-thumbs button.active{border-color:var(--primary-color)}
.reference-book-thumbs img{width:100%;height:100%;object-fit:contain}
.reference-wishlist-button{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
width:100%;
min-height:37px;
margin-top:9px;
border:1px solid var(--border-color);
border-radius:8px;
background:#fff;
color:var(--body-text-color);
font-size:11px;
cursor:pointer;
}
.reference-service-boxes{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
margin-top:9px;
}
.reference-service-boxes>div{
display:flex;
gap:7px;
min-width:0;
padding:9px;
border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));
border-radius:8px;
background:color-mix(in srgb,var(--primary-color) 4%,#fff);
}
.reference-service-boxes i{color:var(--primary-color)}
.reference-service-boxes span{min-width:0}
.reference-service-boxes strong,
.reference-service-boxes small{display:block}
.reference-service-boxes strong{font-size:10px}
.reference-service-boxes small{color:var(--muted-text-color);font-size:8px;line-height:1.35}
.reference-book-summary h1{
margin:0;
color:var(--heading-color);
font-size:25px;
line-height:1.25;
}
.reference-book-flags{
display:flex;
flex-wrap:wrap;
gap:5px;
margin-bottom:6px;
}
.reference-book-flags span{
padding:4px 7px;
border-radius:999px;
background:color-mix(in srgb,var(--primary-color) 9%,#fff);
color:var(--primary-color);
font-size:8px;
font-weight:800;
}
.reference-book-subtitle,
.reference-book-byline{
margin:5px 0 0;
color:var(--muted-text-color);
font-size:11px;
}
.reference-book-byline a{font-weight:750}
.reference-publication-card{
display:flex;
align-items:center;
gap:9px;
margin-top:11px;
padding:9px;
border:1px solid color-mix(in srgb,var(--primary-color) 19%,var(--border-color));
border-radius:9px;
background:color-mix(in srgb,var(--primary-color) 4%,#fff);
color:var(--heading-color);
}
.reference-publication-card>img,
.reference-publication-card>span{
display:grid;
place-items:center;
width:38px;
height:38px;
flex:none;
border-radius:50%;
object-fit:contain;
background:#fff;
color:var(--primary-color);
font-weight:800;
}
.reference-publication-card>div{display:grid;min-width:0}
.reference-publication-card small{color:var(--muted-text-color);font-size:8px}
.reference-publication-card strong{font-size:12px}
.reference-publication-card>i{margin-left:auto;color:var(--primary-color)}
.reference-book-facts{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:6px 12px;
margin-top:10px;
padding:10px;
border:1px solid var(--border-color);
border-radius:9px;
}
.reference-book-facts>div{
display:grid;
grid-template-columns:70px minmax(0,1fr);
gap:6px;
align-items:center;
font-size:10px;
}
.reference-book-facts span{color:var(--muted-text-color)}
.reference-book-facts strong,
.reference-book-facts a{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
color:var(--heading-color);
font-weight:750;
}
.reference-rating-row{
display:flex;
align-items:center;
gap:8px;
margin-top:9px;
font-size:10px;
}
.reference-rating-row>span{color:#f59e0b}
.reference-rating-row strong{font-size:12px}
.reference-short-description{
margin:9px 0 0;
color:var(--body-text-color);
font-size:11px;
line-height:1.55;
}
.reference-short-description a{font-weight:800}
.reference-purchase-box{
margin-top:10px;
padding:11px;
border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));
border-radius:9px;
background:color-mix(in srgb,var(--primary-color) 3%,#fff);
}
.reference-price-line{
display:flex;
align-items:baseline;
gap:8px;
}
.reference-price-line>span{font-size:10px}
.reference-price-line>strong{color:var(--primary-color);font-size:22px}
.reference-price-line del{color:var(--muted-text-color);font-size:11px}
.reference-price-line b{
padding:3px 7px;
border-radius:999px;
background:var(--primary-color);
color:#fff;
font-size:8px;
}
.reference-purchase-box>small{display:block;margin:1px 0 8px;color:var(--muted-text-color);font-size:9px}
.reference-purchase-form{
display:grid;
grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);
gap:7px;
}
.reference-purchase-form label{
display:grid;
grid-template-columns:auto 1fr;
align-items:center;
overflow:hidden;
border:1px solid var(--border-color);
border-radius:7px;
background:#fff;
}
.reference-purchase-form label span{padding-left:7px;color:var(--muted-text-color);font-size:8px}
.reference-purchase-form input{
width:100%;
min-width:0;
height:37px;
padding:0 4px;
border:0;
outline:0;
text-align:center;
}
.reference-cart-button,
.reference-buy-button{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
min-height:38px;
border-radius:7px;
font-size:10px;
font-weight:800;
cursor:pointer;
}
.reference-cart-button{
border:1px solid var(--primary-color);
background:var(--primary-color);
color:#fff;
}
.reference-buy-button{
border:1px solid var(--primary-color);
background:#fff;
color:var(--primary-color);
}
.reference-secondary-actions{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-top:8px;
}
.reference-secondary-actions a{
display:flex;
align-items:center;
gap:5px;
color:var(--muted-text-color);
font-size:9px;
}
.reference-related-column{
min-width:0;
padding-left:14px;
border-left:1px solid var(--border-color);
}
.reference-related-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:8px;
margin-bottom:8px;
}
.reference-related-head h2{margin:0;font-size:15px}
.reference-related-head a{font-size:9px;font-weight:800}
.reference-related-list{
display:grid;
gap:6px;
max-height:422px;
overflow:auto;
padding-right:4px;
}
.reference-related-list>a{
display:grid;
grid-template-columns:48px minmax(0,1fr);
gap:8px;
padding:6px;
border:1px solid transparent;
border-radius:8px;
color:var(--heading-color);
}
.reference-related-list>a:hover{
border-color:var(--border-color);
background:#fafcfb;
}
.reference-related-list>a>img,
.reference-related-list>a>span{
display:grid;
place-items:center;
width:48px;
height:62px;
object-fit:contain;
background:#f7faf8;
color:var(--primary-color);
font-weight:800;
}
.reference-related-list>a>div{display:grid;align-content:center;min-width:0}
.reference-related-list strong{
display:-webkit-box;
overflow:hidden;
font-size:10px;
line-height:1.3;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
}
.reference-related-list small{color:var(--muted-text-color);font-size:8px}
.reference-related-list b{color:var(--primary-color);font-size:10px}
.reference-book-details{
margin-top:15px;
overflow:hidden;
}
.reference-tab-list{
display:flex;
gap:0;
overflow-x:auto;
border-bottom:1px solid var(--border-color);
}
.reference-tab-list button{
position:relative;
min-height:46px;
padding:0 18px;
border:0;
background:#fff;
color:var(--body-text-color);
font-size:11px;
font-weight:750;
white-space:nowrap;
cursor:pointer;
}
.reference-tab-list button::after{
content:"";
position:absolute;
right:14px;
bottom:0;
left:14px;
height:2px;
background:transparent;
}
.reference-tab-list button.is-active{color:var(--primary-color)}
.reference-tab-list button.is-active::after{background:var(--primary-color)}
.reference-tab-panel{padding:18px}
.reference-tab-panel h3{margin:20px 0 8px;font-size:16px}
.reference-tab-panel .rich-content{font-size:12px;line-height:1.8}
.reference-spec-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
}
.reference-spec-grid>div{
display:grid;
gap:2px;
padding:10px;
border:1px solid var(--border-color);
border-radius:8px;
}
.reference-spec-grid span{color:var(--muted-text-color);font-size:9px}
.reference-spec-grid strong{font-size:11px}
.reference-offer-list{display:grid;gap:7px}
.reference-offer-list>div{
display:flex;
justify-content:space-between;
gap:12px;
padding:10px;
border:1px solid var(--border-color);
border-radius:8px;
}
.reference-offer-list span{display:grid}
.reference-offer-list strong{font-size:11px}
.reference-offer-list small{color:var(--muted-text-color);font-size:9px}
.reference-offer-list b{color:var(--primary-color);font-size:12px}
.reference-contributor-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.reference-contributor-grid article{
display:flex;
gap:10px;
padding:11px;
border:1px solid var(--border-color);
border-radius:9px;
}
.reference-contributor-grid img,
.reference-contributor-grid article>span{
display:grid;
place-items:center;
width:55px;
height:55px;
flex:none;
border-radius:50%;
object-fit:cover;
background:color-mix(in srgb,var(--primary-color) 8%,#fff);
color:var(--primary-color);
font-weight:800;
}
.reference-contributor-grid article>div{min-width:0}
.reference-contributor-grid strong,
.reference-contributor-grid small{display:block}
.reference-contributor-grid strong{font-size:12px}
.reference-contributor-grid small{color:var(--primary-color);font-size:9px}
.reference-contributor-grid p{margin:4px 0 0;color:var(--muted-text-color);font-size:9px;line-height:1.5}
.reference-review-section{margin-top:15px;padding:18px}
.reference-review-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px;
padding-bottom:12px;
border-bottom:1px solid var(--border-color);
}
.reference-review-head h2{margin:0;font-size:19px}
.reference-review-head p{margin:2px 0 0;color:var(--muted-text-color);font-size:10px}
.reference-review-head>strong{color:#f59e0b;font-size:18px}
.reference-review-card{padding:14px 0;border-bottom:1px solid var(--border-color)}
.reference-review-card:last-child{border-bottom:0}
.reference-review-card>div{display:flex;align-items:center;gap:8px}
.reference-review-card strong{font-size:11px}
.reference-review-card span{color:#f59e0b;font-size:9px}
.reference-review-card small{color:var(--primary-color);font-size:8px}
.reference-review-card h3{margin:6px 0 2px;font-size:12px}
.reference-review-card p{margin:0;color:var(--body-text-color);font-size:10px;line-height:1.6}
.reference-bottom-books{
padding:22px 0 0;
background:transparent;
}
/* Admin home-section field helpers */
.section-config-card{
margin:16px 0;
padding:16px;
border:1px solid var(--border-color);
border-radius:12px;
background:color-mix(in srgb,var(--primary-color) 3%,#fff);
}
.section-config-head h3{margin:3px 0;font-size:17px}
.section-config-head p{margin:0 0 14px;color:var(--muted-text-color);font-size:12px}
/* Responsive storefront */
@media(max-width:1080px){
.storefront-hero-grid{grid-template-columns:minmax(0,2.3fr) minmax(230px,.9fr)}
.category-showcase{grid-template-columns:repeat(5,minmax(0,1fr))}
.author-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}
.publication-showcase{grid-template-columns:repeat(5,minmax(0,1fr))}
.compact-book-grid{grid-template-columns:repeat(var(--tablet-count,4),minmax(0,1fr))}
.reference-book-grid{grid-template-columns:250px minmax(0,1fr)}
.reference-related-column{
grid-column:1/-1;
padding:13px 0 0;
border-top:1px solid var(--border-color);
border-left:0;
}
.reference-related-list{
grid-template-columns:repeat(4,minmax(0,1fr));
max-height:none;
}
.reference-related-list>a{grid-template-columns:42px minmax(0,1fr)}
.reference-related-list>a>img,
.reference-related-list>a>span{width:42px;height:54px}
}
@media(max-width:820px){
.site-header .topbar{display:none}
.site-header .header-inner{
min-height:56px;
height:56px;
}
.site-header .brand img{max-height:40px}
.storefront-hero-grid{grid-template-columns:1fr}
.storefront-slider{min-height:230px}
.home-app-promo{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
min-height:150px;
gap:12px;
}
.home-app-copy{margin-top:0}
.home-app-bottom{margin-top:0;padding-top:0}
.home-app-art{right:12px}
.category-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}
.author-showcase{grid-template-columns:repeat(3,minmax(0,1fr))}
.publication-showcase{grid-template-columns:repeat(4,minmax(0,1fr))}
.reference-book-grid{grid-template-columns:220px minmax(0,1fr)}
.reference-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.reference-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
.container{width:min(100% - 24px,1180px)}
.storefront-hero-shell{padding-top:8px}
.storefront-slider{min-height:175px;border-radius:8px}
.hero-arrow{width:31px;height:31px}
.home-app-promo{
grid-template-columns:auto minmax(0,1fr);
min-height:145px;
padding:15px;
border-radius:8px;
}
.home-app-bottom{grid-column:1/-1;align-items:center}
.home-app-copy h2{font-size:18px}
.finaltouch-home-stack{gap:20px;padding-top:16px}
.storefront-section-head{align-items:flex-start}
.storefront-section-head h2{font-size:17px}
.storefront-section-head p{font-size:9px}
.storefront-section-head .section-icon{width:30px;height:30px}
.category-showcase{
display:flex;
gap:9px;
overflow-x:auto;
scroll-snap-type:x proximity;
padding-bottom:5px;
}
.category-showcase-card{
width:116px;
min-width:116px;
min-height:104px;
scroll-snap-align:start;
}
.author-showcase{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:5px;
}
.author-chip{width:210px;min-width:210px}
.publication-showcase{
display:flex;
gap:8px;
overflow-x:auto;
padding-bottom:5px;
}
.publication-tile{width:130px;min-width:130px}
.compact-book-grid{
grid-template-columns:repeat(var(--mobile-count,2),minmax(0,1fr));
gap:9px;
}
.compact-store-book-card .book-card-media{height:185px}
.compact-store-book-card .book-card-body{padding:8px}
.compact-store-book-card .book-title{font-size:11px}
.reference-book-shell{padding:10px}
.reference-book-grid{grid-template-columns:1fr}
.reference-book-gallery{max-width:340px;margin-inline:auto}
.reference-book-summary h1{font-size:22px}
.reference-book-facts{grid-template-columns:1fr}
.reference-purchase-form{grid-template-columns:58px minmax(0,1fr)}
.reference-buy-button{grid-column:1/-1}
.reference-related-column{grid-column:auto}
.reference-related-list{grid-template-columns:1fr}
.reference-tab-panel{padding:14px}
.reference-spec-grid{grid-template-columns:1fr}
.reference-contributor-grid{grid-template-columns:1fr}
.reference-review-section{padding:14px}
.compact-welcome-grid{grid-template-columns:1fr;padding:24px}
.compact-welcome-grid img{display:none}
}
@media(max-width:420px){
.storefront-slider{min-height:145px}
.home-app-promo{grid-template-columns:1fr}
.home-app-icon{display:none}
.home-app-bottom{grid-column:auto}
.compact-store-book-card .book-card-media{height:160px;padding:7px}
.compact-store-book-card .book-title{min-height:33px;font-size:10.5px}
.compact-store-book-card .book-code{font-size:7px}
.compact-store-book-card .book-price strong{font-size:13px}
.compact-store-book-card .book-cart-button{font-size:9px}
.reference-cover-frame{min-height:330px}
.reference-purchase-form{grid-template-columns:1fr}
.reference-purchase-form label,
.reference-buy-button{grid-column:auto}
}
/* Header language switcher: prevent overlap at laptop widths. */
.site-header .header-inner{min-width:0}
.site-header .header-search{min-width:180px}
.site-header .header-actions{flex:0 0 auto;min-width:0;white-space:nowrap}
.site-header .language-dropdown{position:relative;z-index:160;flex:0 0 auto}
.site-header .language-trigger{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;padding-inline:10px}
.site-header .language-menu{z-index:170;right:0;left:auto;max-width:min(260px,calc(100vw - 24px))}
.site-header .language-menu a{white-space:nowrap}
@media(max-width:1220px){
.site-header .header-inner{gap:10px}
.site-header .header-search{max-width:none}
.site-header .language-trigger{width:36px;padding:0}
.site-header .language-trigger .language-code,
.site-header .language-trigger .bi-chevron-down{display:none}
}
@media(max-width:980px){
.site-header .language-dropdown{display:none}
}
/* 2026-08 professional storefront refinement */
body{
background:var(--background-color);
color:var(--body-text-color);
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
.bookstore-home{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 3%,var(--background-color)) 0,var(--background-color) 280px)}
.site-header{
border-bottom:1px solid color-mix(in srgb,var(--border-color) 88%,transparent);
box-shadow:0 8px 28px rgba(15,23,42,.035);
}
.site-header .header-search{
border-color:color-mix(in srgb,var(--primary-color) 18%,var(--border-color));
box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.site-header .header-search:focus-within{
border-color:color-mix(in srgb,var(--primary-color) 55%,var(--border-color));
box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 10%,transparent);
}
.finaltouch-home-stack{gap:22px;padding-bottom:34px}
.storefront-section{
padding:18px;
border:1px solid color-mix(in srgb,var(--border-color) 90%,transparent);
border-radius:16px;
background:var(--surface-color);
box-shadow:0 9px 30px rgba(15,23,42,.045);
}
.dynamic-storefront-section{padding:18px}
.storefront-section-head{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--border-color) 80%,transparent)}
.storefront-section-head .section-icon{
width:38px;
height:38px;
border-radius:11px;
background:color-mix(in srgb,var(--primary-color) 11%,var(--surface-color));
box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary-color) 12%,transparent);
}
.storefront-section-head h2{font-size:22px;font-weight:800;letter-spacing:-.015em}
.storefront-section-head p{font-size:12px;line-height:1.45}
.storefront-section-head>a{
min-height:34px;
padding:0 12px;
border:1px solid color-mix(in srgb,var(--primary-color) 22%,var(--border-color));
border-radius:9px;
background:color-mix(in srgb,var(--primary-color) 5%,var(--surface-color));
}
.storefront-section-head>a:hover{background:var(--primary-color);color:var(--button-text-color);border-color:var(--primary-color)}
.category-showcase-card,.author-chip,.publication-tile{
border-color:color-mix(in srgb,var(--border-color) 92%,transparent);
box-shadow:0 4px 14px rgba(15,23,42,.025);
}
.category-showcase-card:hover,.author-chip:hover,.publication-tile:hover{
transform:translateY(-3px);
border-color:color-mix(in srgb,var(--primary-color) 42%,var(--border-color));
box-shadow:0 12px 28px rgba(15,23,42,.075);
}
.author-chip,.publication-tile{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.author-chip{min-height:72px;padding:10px 12px}
.author-chip strong{font-size:13px;font-weight:800}
.author-chip small{margin-top:2px;font-size:10px}
.compact-store-book-card{
border-color:color-mix(in srgb,var(--border-color) 92%,transparent);
border-radius:13px;
box-shadow:0 5px 18px rgba(15,23,42,.035);
}
.compact-store-book-card:hover{
transform:translateY(-4px);
border-color:color-mix(in srgb,var(--primary-color) 30%,var(--border-color));
box-shadow:0 16px 34px rgba(15,23,42,.095);
}
.compact-store-book-card .book-card-media{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-color) 2%,#fff),#f8fafc)}
.compact-store-book-card .book-title{font-weight:800}
.compact-store-book-card .book-cart-button,
.book-cart-button{
border:1px solid var(--primary-color);
background:var(--primary-color);
color:var(--button-text-color);
box-shadow:0 7px 16px color-mix(in srgb,var(--primary-color) 18%,transparent);
}
.compact-store-book-card .book-cart-button:hover,
.book-cart-button:hover{
background:var(--primary-hover-color);
border-color:var(--primary-hover-color);
color:var(--button-text-color);
transform:translateY(-1px);
}
.book-cart-button:disabled{
border-color:var(--border-color);
background:color-mix(in srgb,var(--border-color) 65%,var(--surface-color));
color:var(--muted-text-color);
box-shadow:none;
}
.primary-button,.reference-buy-button,.checkout-submit,.auth-button{
background:var(--primary-color)!important;
color:var(--button-text-color)!important;
border-color:var(--primary-color)!important;
box-shadow:0 8px 20px color-mix(in srgb,var(--primary-color) 18%,transparent);
}
.primary-button:hover,.reference-buy-button:hover,.checkout-submit:hover,.auth-button:hover{
background:var(--primary-hover-color)!important;
border-color:var(--primary-hover-color)!important;
}
.catalog-filters,.checkout-panel,.checkout-summary,.account-card,.auth-card,.book-product-card,.reference-book-shell,.reference-book-details,.reference-review-section{
border-color:color-mix(in srgb,var(--border-color) 90%,transparent);
box-shadow:0 10px 32px rgba(15,23,42,.05);
}
input:focus,select:focus,textarea:focus{
border-color:color-mix(in srgb,var(--primary-color) 58%,var(--border-color));
box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 10%,transparent);
outline:0;
}
html[lang="bn"] body,html[lang="bn"] button,html[lang="bn"] input,html[lang="bn"] select,html[lang="bn"] textarea{
font-family:"Hind Siliguri",Inter,"Noto Sans Bengali","Segoe UI",sans-serif;
}
html[lang="bn"] .storefront-section-head h2{letter-spacing:0;line-height:1.3}
@media(max-width:640px){
.storefront-section{padding:13px;border-radius:12px}
.dynamic-storefront-section{padding:13px}
.storefront-section-head{margin-bottom:12px;padding-bottom:10px}
.storefront-section-head h2{font-size:18px}
.storefront-section-head>a{min-height:30px;padding-inline:9px}
}