/* Storefront-only layout. This file intentionally overrides the shared admin CSS. */
.order-share{max-width:680px;margin:26px auto;padding:22px;border:1px solid #d8e1e8;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(25,60,84,.08)}
.order-share h2{margin:0 0 8px;font-size:1.35rem}.order-share p{margin:0 0 16px}.order-share-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.order-share-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;cursor:pointer}.order-share-btn img{width:23px;height:23px}.whatsapp-order{background:#168b4b;color:#fff}.messenger-order{background:#0a7cff;color:#fff}.share-status{min-height:1.4em;margin:12px 0 0!important;color:#23649b;font-weight:700}@media(max-width:620px){.order-share{padding:18px 14px}.order-share-actions{display:grid}.order-share-btn{width:100%}}
html{overflow-x:hidden;scroll-behavior:smooth}
body{min-width:320px;overflow-x:hidden;background:#f6f8fa;color:#18212b}
.wrap,.section.wrap{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.topbar{position:relative;z-index:31;min-height:34px;padding:8px 20px;background:linear-gradient(90deg,#174d78,#23649b 58%,#8e2444);font-size:13px}
.header{position:sticky;top:0;z-index:30;width:100%;background:rgba(255,255,255,.98);border-bottom:1px solid #dce5eb;box-shadow:0 5px 20px rgba(22,62,94,.07)}
.header .nav{display:flex;width:min(1240px,calc(100% - 40px));min-height:76px;height:auto;margin-inline:auto;padding:9px 0;align-items:center;justify-content:space-between;gap:24px}
.header .logo{display:flex;min-width:0;max-width:440px;align-items:center;gap:11px;color:#174f7d}.header .logo img{width:62px;height:56px;flex:0 0 auto;object-fit:contain}.header .logo span{display:-webkit-box;max-width:330px;overflow:hidden;font-size:18px;line-height:1.15;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.header .navlinks{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:18px}.header .navlinks>a{white-space:nowrap}
.home-slider{position:relative;isolation:isolate;width:100%;height:clamp(300px,37.5vw,620px);overflow:hidden;background:#dfe8ef}
.home-slide{position:absolute;inset:0}.home-slide,.home-slide picture,.home-slide picture img{width:100%;height:100%}.home-slide picture img{object-fit:cover;object-position:center}
.section{padding:58px 0}.catalog-heading{display:flex;margin-bottom:26px;align-items:flex-end;justify-content:space-between;gap:20px}.catalog-heading .section-sub{max-width:650px;margin-bottom:0}
.category-filter{display:flex;gap:9px;margin:-4px 0 24px;padding:4px 0 8px;overflow-x:auto;scrollbar-width:thin}.category-btn{flex:0 0 auto;padding:10px 15px;border:1px solid #cfdae3;border-radius:999px;background:#fff;color:#34546d;font:800 13px/1.1 Inter,"Noto Sans Bengali",Arial,sans-serif;cursor:pointer}.category-btn:hover,.category-btn.active{border-color:#23649b;background:#23649b;color:#fff}.product[hidden]{display:none!important}.product-category{display:inline-flex;width:max-content;max-width:100%;margin-bottom:9px;padding:5px 9px;border-radius:999px;background:#eaf3f9;color:#1d5d8c;font-size:11px;font-weight:900}
#books>.grid{display:grid;width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
#books .product{display:flex;min-width:0;height:100%;overflow:hidden;flex-direction:column;border:1px solid #dce5eb;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(24,65,96,.09)}
#books .product:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(24,65,96,.15)}
#books .product-img{display:block;width:100%;aspect-ratio:148/210;overflow:hidden;background:#eaf1f5}#books .product-img img{width:100%;height:100%;object-fit:cover}
#books .product-body{display:flex;min-width:0;flex:1;flex-direction:column;padding:18px}#books .product h3{min-height:52px;margin:0;color:#173f62;font-size:21px;line-height:1.23}#books .product .price{margin:16px 0;color:#8e2444}#books .product .actions{display:grid;margin-top:auto;grid-template-columns:1fr 1fr;gap:8px}#books .product .actions .btn{width:100%;min-width:0;padding:11px 8px;font-size:13px}
#how{background:linear-gradient(180deg,#edf4f8,#f8fafc)!important;border-top:1px solid #dce7ee}#how .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}#how .panel{height:100%;padding:22px}
.detail{width:min(1160px,calc(100% - 40px));margin-inline:auto;align-items:start}.checkout{width:min(900px,calc(100% - 40px))}
.footer{background:#123a5b}.floating-social{right:18px;bottom:18px}.social{padding:0;overflow:hidden;border:0}.social img{width:100%;height:100%;object-fit:cover}.messenger-float{position:relative}.messenger-popup{position:absolute;right:0;bottom:64px;width:min(310px,calc(100vw - 34px));padding:18px;border:1px solid #d8e5ee;border-radius:16px;background:#fff;color:#203040;box-shadow:0 18px 55px #102d4540}.messenger-popup strong{display:block;padding-right:22px;font-size:17px;color:#174f7d}.messenger-popup p{margin:7px 0 14px;font-size:14px;line-height:1.55}.messenger-popup .btn{width:100%}.chat-close{position:absolute;top:8px;right:9px;width:30px;height:30px;border:0;background:transparent;color:#657786;font-size:24px;cursor:pointer}.photo-guide-sample{max-width:640px;margin:14px 0 16px}.photo-guide-sample img{width:100%;height:auto;border:1px solid #d8e3eb;border-radius:12px;background:#fff}.photo-guide-sample figcaption{padding-top:7px;color:#526474;font-size:13px;font-weight:700;text-align:center}
.protected-story,.protected-story *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.protected-story img{-webkit-user-drag:none;user-drag:none}
.advance-confirm{display:flex;margin-top:18px;padding:16px 17px;align-items:flex-start;gap:12px;border:2px solid #e0a323;border-radius:13px;background:#fff7d9;color:#593d00;font-size:15px;line-height:1.55;box-shadow:0 5px 18px #8b610015}.advance-confirm input{width:20px;height:20px;margin:2px 0 0;flex:0 0 auto;accent-color:#8e2444}.advance-confirm span{font-weight:800}
.story-protection-note{display:inline-flex;margin:0 auto 16px;padding:8px 13px;border:1px solid #c8d9e6;border-radius:999px;background:#fff;color:#43647d;font-size:12px;font-weight:800}
.regular-price{margin-right:8px;color:#7b8791;font-size:.78em;font-weight:700;text-decoration:line-through}.sale-price{color:#8e2444;font-weight:900}.store-primary-action,.checkout-next-action,.checkout-submit-actions .btn{min-height:50px;padding:14px 23px;font-size:16px}.checkout-next-action{min-width:270px}.checkout-submit-actions .btn{min-width:180px}
.affiliate-cta .panel{display:flex;padding:28px;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#fff,#eaf4fb)}.affiliate-cta h2{margin:5px 0 8px;color:#174f7d;font-size:30px}.affiliate-cta p{max-width:720px;margin:0;line-height:1.65}
@media(max-width:520px){.regular-price{display:inline!important;text-decoration:line-through!important;text-decoration-thickness:2px!important}.affiliate-cta .panel{align-items:stretch;flex-direction:column}.affiliate-cta h2{font-size:24px}}
@media(max-width:520px){body:has(.store-primary-action),body:has(.checkout-next-action),body:has(.checkout-submit-actions){padding-bottom:82px}.detail .store-primary-action{position:fixed;left:12px;right:12px;bottom:10px;z-index:70;width:calc(100% - 24px);min-height:56px;font-size:17px;box-shadow:0 10px 32px #102d4560}.checkout-next-action{position:fixed;left:12px;right:12px;bottom:10px;z-index:70;width:calc(100% - 24px);min-height:56px;margin:0!important;font-size:17px;box-shadow:0 10px 32px #102d4560}.checkout-submit-actions{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid!important;grid-template-columns:.38fr 1fr;gap:8px;margin:0!important;padding:10px 12px;background:#fffffff2;border-top:1px solid #dce5eb;box-shadow:0 -8px 25px #102d4520}.checkout-submit-actions .btn{width:100%;min-width:0;min-height:54px;padding:11px 8px;font-size:15px}}
@media(max-width:1060px){#books>.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header .navlinks{gap:12px}}
@media(max-width:800px){.wrap,.section.wrap,.header .nav,.detail,.checkout{width:calc(100% - 28px)}.header .nav{min-height:68px;gap:12px}.header .logo span{max-width:190px;font-size:15px}.header .navlinks>a:not(.btn){display:none}.header .navlinks .lang-switch a{display:block}#books>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#how .grid{grid-template-columns:1fr;gap:14px}.detail{grid-template-columns:1fr;gap:28px}.home-slider{height:clamp(250px,44vw,350px)}}
@media(max-width:520px){.wrap,.section.wrap,.header .nav,.detail,.checkout{width:calc(100% - 24px)}.topbar{padding:7px 12px;font-size:11px}.header .nav{min-height:64px}.header .logo{gap:7px}.header .logo img{width:46px;height:43px}.header .logo span{max-width:145px;font-size:13px}.header .navlinks>.btn{display:none}.home-slider{height:230px}.section{padding:38px 0}.catalog-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}.catalog-count{font-size:12px}#books>.grid{grid-template-columns:1fr;gap:18px}#books .product{width:100%;max-width:390px;margin-inline:auto}#books .product-body{padding:17px}#books .product h3{min-height:0;font-size:21px}#books .product .actions{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.checkout .panel{padding:18px}.story-text-page{padding:18px}.floating-social{right:12px;bottom:12px}}
