/*
Theme Name: Siatexbd
Theme URI: https://www.siatexbd.com/
Author: Siatex Bangladesh
Description: WordPress backend theme for the siatexbd.com rebuild. Same look as the approved demo templates; WordPress is the source of truth, the Astro frontend reads this site over REST. Fonts are self-hosted (assets/fonts/) - no Google Fonts CDN.
Version: 0.1.85
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: siatexbd
*/
/* ===== Base styles ported from the approved demo templates ===== */

*{box-sizing:border-box}html{overflow-x:clip}body{overflow-x:clip;margin:0;font-family:'Poppins','Poppins Fallback',Arial,sans-serif;color:var(--sdx-body-color,#333);background:#fff;line-height:var(--sdx-body-lh,1.8);font-size:var(--sdx-body-size,1.125rem)}
a{color:#005f8f}img{max-width:100%;display:block}
.container{max-width:var(--sdx-site-w,1180px);margin:0 auto;padding:0 20px}
.topbar{background:#005f8f}.topbar .container{display:flex;gap:0;flex-wrap:wrap}
.topbar a{color:#fff;text-decoration:none;padding:13px 18px;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333);position:relative}
.topbar a.active,.topbar li.current-menu-item>a,.topbar li.current_page_item>a{background:#007cba}
.masthead{background:#fff}.masthead .container{display:flex;justify-content:space-between;align-items:center;padding:35px 20px;gap:20px;flex-wrap:wrap}
.logo{font-size:calc(var(--sdx-body-size,1.125rem)*1.8889);font-weight:800;letter-spacing:-1px;color:#064d80;line-height:1}.logo .s{color:#e92628}.logo small{display:block;font-size:0.3235em;color:#e92628;font-weight:600;letter-spacing:2px;margin-top:4px}
.mast-contact{display:flex;align-items:center;justify-content:flex-end;gap:24px;text-align:right;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333);color:#444}.mast-contact b{color:#005f8f}
.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#5f6b76;font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);text-align:center;margin:0 0 8px}
.display{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;font-size:calc(var(--sdx-body-size,1.125rem)*2.3333);color:#005f8f;text-align:center;margin:0 0 28px;font-weight:500;letter-spacing:2px}body.home .display{text-align:left}
h1{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;color:#005f8f;font-size:var(--sdx-h1-size,30px);line-height:var(--sdx-head-lh,1.2);margin:0 0 16px}
h2{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;color:#005f8f;font-size:var(--sdx-h2-size,25px);line-height:calc(var(--sdx-head-lh,1.2) + 0.1)}
h3{color:#005f8f;font-size:var(--sdx-h3-size,20px)}h4{color:#005f8f;font-size:calc(var(--sdx-body-size,1.125rem)*0.9444)}
.btn{display:inline-block;background:#005f8f;color:#fff!important;padding:11px 28px;text-decoration:none;border-radius:3px;border:0;cursor:pointer;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333)}
.breadcrumb{font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);color:#5f6b76;padding:14px 0}.breadcrumb a{color:#5f6b76;text-decoration:none}
.titlecard{background:#f2f5f7;border-radius:10px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin-bottom:34px}
.titlecard.center{display:block;text-align:center}.kicker{font-weight:700;font-size:calc(var(--sdx-body-size,1.125rem)*1.1111);color:#222}.kicker:before{content:'';display:block;width:40px;height:4px;background:#e92628;margin-bottom:5px}
.titlecard.center .kicker:before{margin:0 auto 5px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.card{border:1px solid #eee;background:#fff;padding:10px;text-align:center}.card img{height:210px;object-fit:contain;margin:0 auto}.card h3,.card p.title{font-size:calc(var(--sdx-body-size,1.125rem)*0.8333);color:#005f8f;font-weight:600;min-height:44px;margin:10px 0 4px}
.getprice{color:#005f8f;text-decoration:underline;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}
.pgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.pcard{display:grid;grid-template-columns:45% 55%;border:1px solid #eee;background:#fff}.pcard img{height:100%;object-fit:cover}.pcard div{padding:16px}.pcard h3{margin:0 0 6px;font-size:calc(var(--sdx-body-size,1.125rem)*0.9444)}.pcard .kw{color:#5f6b76;font-size:calc(var(--sdx-body-size,1.125rem)*0.7222)}
footer{background:#f2f5f7;color:#333;margin-top:60px}footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.15fr;gap:30px;padding:38px 20px}footer h3{color:#222;font-family:inherit;font-size:var(--sdx-body-size,1.125rem)}footer a{color:#333;text-decoration:none}footer input,footer select{padding:8px;margin:4px 0;width:100%;max-width:260px;background:#fff;border:1px solid #ddd;color:#333}footer .join{background:#005f8f;color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:2px;padding:8px 20px;cursor:pointer}
.bottom{background:#f2f5f7;text-align:center;font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);color:#333}.bottom-in{border-top:1px solid #e6eaee;padding:14px 0}.bottom a{color:#333}
.whatsapp{position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;font-size:calc(var(--sdx-body-size,1.125rem)*1.5556);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 3px 10px rgba(0,0,0,.3);z-index:9}
/* Homepage hero (v0.1.4, siatexbd.com's own design): full-width slider
 * photo with a centred translucent white card over it - heading,
 * divider, rotating sub-line. No slides set: card on the soft bg. */
.hero{margin-bottom:28px}
.hero-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;background:#f2f5f7;overflow:hidden;padding:56px 20px}
.hero .sdx-slides{position:absolute;inset:0;aspect-ratio:auto}
.hero-card{position:relative;z-index:2;background:rgba(255,255,255,.5);border-radius:10px;max-width:640px;width:100%;padding:44px 48px;text-align:center;box-shadow:0 10px 34px rgba(0,0,0,.14)}
.hero-card h1{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;color:#333;font-size:var(--sdx-hero-h1-size,44px);line-height:var(--sdx-hero-lh,1.15);font-weight:700;letter-spacing:0;text-transform:none;margin:0}
.hero-divider{width:140px;height:3px;background:#333;border-radius:2px;margin:24px auto 22px}
.hero-sub{font-size:calc(var(--sdx-body-size,1.125rem)*1.2222);line-height:var(--sdx-body-lh,1.8);color:#333;margin:0}
.hero .sdx-lines{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;margin-top:0}
.hero .sdx-line{background:rgba(255,255,255,.55)}
.hero .sdx-line.is-active{background:#fff}
@media(max-width:900px){.hero-stage{min-height:460px;padding:44px 16px}.hero-card{padding:30px 22px}.hero-card h1{font-size:calc(var(--sdx-hero-h1-size,40px)*0.75)}.hero-sub{font-size:var(--sdx-body-size,1.125rem);min-height:2.8em}.hero-divider{margin:18px auto 16px}}
.dots span{display:inline-block;width:11px;height:11px;border-radius:50%;background:#bbb;margin-right:6px}.dots span:first-child{background:#007cba}
section{padding:38px 0}.panel{background:#f2f5f7;border-radius:10px;padding:26px}
input,textarea,select{font:inherit}form input[type=text],form input[type=email],form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:3px;margin:5px 0 16px}
table{border-collapse:collapse;width:100%;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}
.form-note{font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);color:#777}th,td{border:1px solid #ddd;padding:8px;text-align:left}th{background:#f2f5f7}
.layout2{display:grid;grid-template-columns:3fr 1fr;gap:30px;align-items:start}
@media(max-width:900px){.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.pgrid,.titlecard,.layout2,footer .cols{grid-template-columns:1fr}.display{font-size:calc(var(--sdx-body-size,1.125rem)*1.7778)}h1{font-size:var(--sdx-h1-size,30px)}}


/* ===== Cookie consent notice (floating card, bottom-left) ===== */
.sdx-cookie{position:fixed;left:16px;bottom:16px;z-index:90;width:calc(100% - 32px);max-width:520px;background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 10px 32px rgba(0,124,186,.18);padding:20px 22px;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}
.sdx-cookie[hidden]{display:none}
.sdx-cookie.show{opacity:1;transform:none;pointer-events:auto}
.sdx-cookie h2{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;font-size:calc(var(--sdx-body-size,1.125rem)*1.0556);color:#007cba;margin:0 0 6px}
.sdx-cookie p{margin:0 0 14px;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);color:#444;line-height:var(--sdx-body-lh,1.8)}
.sdx-cookie p a{color:#005f8f}
.sdx-cookie .actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.sdx-cookie .actions button{font:inherit;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);padding:9px 22px;border-radius:6px;cursor:pointer}
.sdx-cookie .accept{background:#007cba;color:#fff;border:1px solid #007cba}
.sdx-cookie .decline{background:transparent;color:#007cba;border:1px solid #e6eaee}
.sdx-cookie-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:calc(var(--sdx-body-size,1.125rem)*1.2222);line-height:1;color:#666;cursor:pointer;padding:4px}
.sdx-cookie h2{padding-right:30px}
.sdx-cookie a:focus-visible,.sdx-cookie button:focus-visible,.cookie-settings:focus-visible{outline:2px solid #e92628;outline-offset:2px}
.cookie-settings{background:none;border:0;padding:0;font:inherit;color:#333;text-decoration:underline;cursor:pointer}
.whatsapp{transition:bottom .35s ease}
@media(max-width:640px){
.sdx-cookie .actions{flex-direction:column;align-items:stretch}
body.sdx-cookie-visible .whatsapp{bottom:300px}
}
@media(prefers-reduced-motion:reduce){.sdx-cookie,.whatsapp{transition:none}}

/* ===== Site logo (image, masthead) ===== */
.logo a{display:inline-block}
.site-logo{display:block;width:var(--sdx-logo-w,170px);height:auto;aspect-ratio:236/77;object-fit:contain;max-width:100%}
@media(max-width:640px){.site-logo{width:calc(var(--sdx-logo-w,170px)*0.82)}}

/* ===== Place page extras (v0.1.4): city/country hub panels ===== */
.sdx-places{margin:26px 0}
.sdx-places h2{margin-top:0}
.sdx-places ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px}
.sdx-places a{color:#007cba}
.sdx-places .more-note{color:#666;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);margin:12px 0 0}
.sdx-places .sdx-topic-back{margin:14px 0 0;font-weight:600}

/* ===== WhatsApp join popup (floating button opens the card) ===== */
button.whatsapp{border:0;cursor:pointer;font:inherit}
.sdx-wa-card{position:fixed;right:20px;bottom:88px;z-index:95;width:min(330px,calc(100vw - 32px));background:#fff;border:1px solid #e1e8ed;border-radius:14px;box-shadow:0 12px 34px rgba(0,124,186,.22);padding:20px 22px;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
.sdx-wa-card[hidden]{display:none}
.sdx-wa-card.show{opacity:1;transform:none;pointer-events:auto}
.sdx-wa-card h2{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;font-size:calc(var(--sdx-body-size,1.125rem)*1.1111);color:#007cba;margin:0 26px 6px 0}
.sdx-wa-card p{margin:0 0 14px;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);color:#444;line-height:var(--sdx-body-lh,1.8)}
.sdx-wa-close{position:absolute;top:8px;right:12px;background:none;border:0;font-size:calc(var(--sdx-body-size,1.125rem)*1.3333);line-height:1;color:#888;cursor:pointer;padding:4px}
.sdx-wa-close:hover{color:#333}
.sdx-wa-row{display:flex;gap:8px}
.sdx-wa-row select{width:118px;flex:none;padding:10px 6px;border:1px solid #ccc;border-radius:6px;font:inherit;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);background:#fff}
.sdx-wa-row input{flex:1;min-width:0;padding:10px;border:1px solid #ccc;border-radius:6px;font:inherit;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);margin:0}
.sdx-wa-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sdx-wa-join{width:100%;margin-top:10px;background:#25d366;color:#fff;border:0;border-radius:6px;padding:11px;font:inherit;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333);font-weight:600;cursor:pointer}
.sdx-wa-join:hover{background:#1eb857}
.sdx-wa-msg{margin:10px 0 0!important;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);min-height:20px}
.sdx-wa-msg.ok{color:#1c7c43}
.sdx-wa-msg.err{color:#c0392b}
@media(max-width:640px){.sdx-wa-card{right:16px;bottom:86px}}

.site-title-text{font-family:'Poppins','Poppins Fallback',Arial,sans-serif;font-size:0.8235em;color:#007cba;text-decoration:none;font-weight:700}

.mast-contact .sdx-ic{width:19px;height:19px;vertical-align:-4px;color:#007cba}

.sdx-slides{position:relative;aspect-ratio:6/5;overflow:hidden;background:#e6eaee}
.sdx-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s ease}
.sdx-slide.is-active{opacity:1}
.sdx-lines{display:flex;gap:6px;justify-content:center;margin-top:12px}
.sdx-line{width:28px;height:4px;border:0;padding:0;border-radius:2px;background:#e6eaee;cursor:pointer}
.sdx-line.is-active{background:#007cba}

/* Policy page: hero panel + sticky Quick Link sidebar (v0.2.8) */
.policy-hero{text-align:center;padding:60px 20px;margin-bottom:30px}
.policy-hero h1{margin:0}
.policy-hero p{margin:10px auto 0;max-width:640px}
.quick-link{position:sticky;top:20px}
.quick-link h2{margin:0 0 10px;font-size:calc(var(--sdx-body-size,1.125rem)*1.3333)}
.quick-link ul{list-style:none;margin:0;padding:0}
.quick-link li{border-bottom:1px solid #e6eaee;padding:9px 0}
.quick-link li:last-child{border-bottom:0;padding-bottom:0}
.quick-link a{color:#005f8f;text-decoration:none}
.quick-link a:hover{text-decoration:underline}
.quick-link a.ql-current{font-weight:700}.quick-link li.current-menu-item a{font-weight:700}

.whatsapp svg{display:block}

/* Product hero picture set (v0.2.12): square frame, never stretched */
.pimg{position:relative;aspect-ratio:1/1;background:#fff;border-radius:6px;overflow:hidden}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.pthumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pthumb{width:72px;height:72px;padding:0;border:2px solid #e6eaee;border-radius:6px;background:#fff;cursor:pointer;overflow:hidden}
.pthumb.is-active{border-color:#007cba}
.pthumb img{width:100%;height:100%;object-fit:cover}
.hero-text p{margin:0 0 12px}

/* Mobile product/place hero (owner rule 2026-10-26): the picture block
   goes ON TOP, the text content below it, and the thumbnail strip is
   ONE row the visitor swipes sideways with a finger. */
@media(max-width:900px){
.titlecard>div:last-child{order:-1}
.pthumbs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
.pthumbs::-webkit-scrollbar{display:none}
.pthumb{flex:0 0 auto}
}

/* Layout-shift guards (v0.2.13): reserve image boxes before load */
.pcard img{aspect-ratio:1/1}

/* Standard product card (v0.2.16, user's reference design): picture,
 * small category + Art. line, product name, underlined Get Price */
.card .cimg{display:block;aspect-ratio:1/1}
.card .cimg img{width:100%;height:100%;object-fit:contain;margin:0 auto}
.card .artline{font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);color:#5f6b76;margin:10px 0 2px}
.card .artline b{color:#333;font-size:1.0769em}
.card p.title a{color:#005f8f;text-decoration:none}
.card .getprice{display:inline-block;margin-top:6px;color:#005f8f;font-weight:600;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333);text-decoration:none;border-bottom:2px solid #005f8f;padding:0 16px 3px}

/* Product page v0.2.18: Customizer-sized portfolios grid + content area
 * with a header band, article column and sticky Quick Link sidebar */
.pf-grid{display:grid;grid-template-columns:repeat(var(--pf-cols,4),1fr);gap:26px}
.pcontent{padding-top:44px}
.pcontent-head{background:#f2f5f7;border-radius:10px;padding:28px 26px;text-align:center;margin-bottom:30px}
.pcontent-head .eyebrow{margin:0}
.pcontent-head .pcontent-title{margin:6px 0 0;font-family:'Poppins','Poppins Fallback',Arial,sans-serif;font-size:var(--sdx-h2-size,25px);font-weight:700;color:#005f8f}
@media(max-width:900px){.pf-grid,.grid3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.pf-grid,.grid4,.grid3{grid-template-columns:repeat(2,1fr)}}

/* User rule 2026-10-23: product cards carry NO outline/border */
.card{border:0}

/* Product hero (v0.2.22): the picture column stays sticky while a long
 * hero text scrolls beside it - sticky only inside the hero card. */
.titlecard>div:last-child{position:sticky;top:20px;align-self:start}
@media(max-width:900px){.titlecard>div:last-child{position:static}.titlecard>div{min-width:0}.pthumbs{max-width:100%}.titlecard{padding:22px}}

/* Heading sizes - the owner's permanent rule (2026-10-23): H1 = 30px,
 * H2 = 25px everywhere on the site. */
h1{font-size:var(--sdx-h1-size,30px)}
h2{font-size:var(--sdx-h2-size,25px)}
h2.display{font-size:var(--sdx-h2-size,25px)}

/* Hero text structure (v0.2.25): the Product Specifications heading gets
 * a divider line above it and the spec paragraphs get real spacing -
 * matching the reference layout the owner approved. */
.hero-text h2{margin:24px 0 14px}
.hero-text p{margin:0 0 14px}
.hero-text p:last-child{margin-bottom:0}

/* Product hero button (v0.2.27): clear space above it */
.titlecard .btn{margin-top:20px}

/* Footer link lists + logo (v0.2.31) */
.flist{list-style:none;margin:0;padding:0}
.flist li{margin:0 0 9px}
.flist a{text-decoration:none}.fline{display:flex;align-items:center;gap:8px;margin:0 0 8px}.fline svg{color:#005f8f;flex:none}.fbadge{display:inline-block;margin-top:12px;border:1px solid #c9d4da;background:#fff;color:#005f8f;border-radius:999px;padding:7px 14px;font-weight:600;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}.fwa{margin:14px 0 0}.fwa-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;font:inherit;color:#333;cursor:pointer}.fwa-btn svg{color:#005f8f}
.footer-logo{width:140px;max-width:100%;height:auto;display:block;margin:0 0 14px}

/* Article list rhythm (v0.2.35): airy lists buyers can scan */
article ul, article ol{line-height:var(--sdx-body-lh,1.8)}
article ul li, article ol li{margin-bottom:10px}
/* Inquiry basket (v0.2.35) */
.sdx-cart-btn{display:inline-flex;align-items:center;gap:5px;background:none;color:#333;border:0;padding:4px 2px;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);cursor:pointer;margin-left:0;vertical-align:middle}
.sdx-cart-btn .sdx-ic{width:24px;height:24px;color:#333}
.sdx-cart-count{font-size:0.9286em;color:#333;font-weight:600}
.sdx-cart-count{background:#e92628;color:#fff;border-radius:999px;min-width:20px;height:20px;line-height:20px;text-align:center;font-size:0.8571em;font-weight:700;padding:0 5px}
.sdx-cart-drawer{position:fixed;inset:0;z-index:1200}
.sdx-cart-overlay{position:absolute;inset:0;background:rgba(10,30,50,.45)}
.sdx-cart-panel{position:absolute;top:0;right:0;width:min(430px,94vw);height:100%;background:#fff;padding:24px;overflow:auto;box-shadow:-6px 0 24px rgba(0,0,0,.18)}
.sdx-cart-panel h2{margin:0 40px 6px 0}
.sdx-cart-sub{color:#5f6b76;margin:0 0 8px}
.sdx-cart-row{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #e6eaee;position:relative}
.sdx-cart-row img{width:64px;height:64px;object-fit:contain;border:1px solid #e6eaee;background:#fff}
.sdx-cart-info{flex:1}
.sdx-cart-info a{font-weight:700;color:#007cba;text-decoration:none}
.sdx-cart-info label{display:block;font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);color:#5f6b76;margin-top:8px}
.sdx-cart-info input{width:100%;padding:7px;margin-top:3px;border:1px solid #e6eaee;border-radius:3px;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}
.sdx-cart-remove{background:none;border:0;font-size:calc(var(--sdx-body-size,1.125rem)*1.2222);line-height:1;color:#888;cursor:pointer;padding:2px 4px;align-self:flex-start}
.sdx-cart-go{display:block;text-align:center;margin-top:18px}.sdx-basket-actions{margin-top:16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.sdx-basket-actions a{color:#005f8f;text-decoration:underline;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333)}.icon-svg.w1{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23005f8f%22%20d%3D%22M3%2021V10l5%203v-3l5%203V6h3v4h2v11z%22%2F%3E%3Crect%20x%3D%226.2%22%20y%3D%2215.4%22%20width%3D%222.4%22%20height%3D%222.4%22%20fill%3D%22%23e9eef1%22%2F%3E%3Crect%20x%3D%2210.8%22%20y%3D%2215.4%22%20width%3D%222.4%22%20height%3D%222.4%22%20fill%3D%22%23e9eef1%22%2F%3E%3Crect%20x%3D%2215.4%22%20y%3D%2215.4%22%20width%3D%222.4%22%20height%3D%222.4%22%20fill%3D%22%23e9eef1%22%2F%3E%3C%2Fsvg%3E")}.icon-svg.w2{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23005f8f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.5%203a7.5%207.5%200%201%200%204.9%2013.3l5%205%201.8-1.8-5-5A7.5%207.5%200%200%200%2010.5%203zm0%203.2a4.3%204.3%200%201%201%200%208.6%204.3%204.3%200%200%201%200-8.6z%22%2F%3E%3Cpath%20fill%3D%22%23005f8f%22%20d%3D%22M7.2%2010.3l2.2%202.2%204-4.2%201.3%201.3-5.3%205.5-3.5-3.5z%22%2F%3E%3C%2Fsvg%3E")}.icon-svg.w3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23005f8f%22%20d%3D%22M3%203h9l9%209-9%209-9-9z%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.9%22%20fill%3D%22%23e9eef1%22%2F%3E%3Cpath%20fill%3D%22%23e9eef1%22%20d%3D%22M15.9%2010.6c.8-1%202.5-.9%203.2.2.7-1.1%202.4-1.2%203.2-.2.8%201.1.3%202.7-.9%204l-2.3%202.2-2.3-2.2c-1.2-1.3-1.7-2.9-.9-4z%22%20transform%3D%22translate%28-3.4%201.4%29%20scale%280.82%29%22%2F%3E%3C%2Fsvg%3E")}.icon-svg{width:75px;height:75px;border-radius:50%;background:#e9eef1;display:flex;align-items:center;justify-content:center;padding:15px;margin-bottom:14px}.icon-svg svg{width:100%;height:100%;color:#005f8f;display:block}.icon-svg.i1{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23005f8f%22%20width%3D%22800px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20%0A%09%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M379.39%2C282.733c-24.31%2C0-44.089%2C19.783-44.089%2C44.099c0%2C24.318%2C19.778%2C44.1%2C44.089%2C44.1c24.318%2C0%2C44.1-19.783%2C44.1-44.1%0A%09%09%09C423.49%2C302.515%2C403.708%2C282.733%2C379.39%2C282.733z%20M379.39%2C348.041c-11.688%2C0-21.197-9.515-21.197-21.209%0A%09%09%09c0-11.694%2C9.509-21.208%2C21.197-21.208c11.695%2C0%2C21.209%2C9.515%2C21.209%2C21.208C400.599%2C338.527%2C391.084%2C348.041%2C379.39%2C348.041z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M379.39%2C114.766c-24.31%2C0-44.089%2C19.783-44.089%2C44.099c0%2C24.312%2C19.778%2C44.09%2C44.089%2C44.09%0A%09%09%09c24.318%2C0%2C44.1-19.778%2C44.1-44.09C423.49%2C134.549%2C403.708%2C114.766%2C379.39%2C114.766z%20M379.39%2C180.065%0A%09%09%09c-11.688%2C0-21.197-9.51-21.197-21.199c0-11.694%2C9.509-21.208%2C21.197-21.208c11.695%2C0%2C21.209%2C9.515%2C21.209%2C21.208%0A%09%09%09C400.599%2C170.554%2C391.084%2C180.065%2C379.39%2C180.065z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M500.554%2C86.094h-41.985c-8.687-16.114-25.723-27.092-45.277-27.092h-22.456V37.256c0-6.32-5.125-11.446-11.446-11.446%0A%09%09%09s-11.446%2C5.125-11.446%2C11.446v21.747h-62.917V32.941c0-6.32-5.125-11.446-11.446-11.446h-71.536%0A%09%09%09c-6.32%2C0-11.446%2C5.125-11.446%2C11.446v26.062H105.3C47.237%2C59.002%2C0%2C106.24%2C0%2C164.303v110.451c0%2C6.32%2C5.125%2C11.446%2C11.446%2C11.446%0A%09%09%09h34.337v64.668H11.446C5.125%2C350.868%2C0%2C355.993%2C0%2C362.313v116.746c0%2C6.32%2C5.125%2C11.446%2C11.446%2C11.446h441.804%0A%09%09%09c6.32%2C0%2C11.446-5.125%2C11.446-11.446V203.218h35.859c6.32%2C0%2C11.446-5.125%2C11.446-11.446V97.54%0A%09%09%09C512%2C91.219%2C506.876%2C86.094%2C500.554%2C86.094z%20M233.492%2C44.386h48.644v14.616h-48.644V44.386z%20M441.804%2C467.614H22.891v-28.237%0A%09%09%09h418.912V467.614z%20M441.804%2C191.772v224.713H22.891v-42.727h282.136v0c3.294%2C0%2C6.429-1.419%2C8.603-3.895%0A%09%09%09c2.174-2.476%2C3.174-5.767%2C2.747-9.034l-22.891-175.119c-0.745-5.699-5.603-9.962-11.35-9.962H120.18%0A%09%09%09c-5.747%2C0-10.604%2C4.263-11.35%2C9.962l-10.143%2C77.597H22.891v-99.005c0-45.44%2C36.968-82.409%2C82.409-82.409h1.145v27.47%0A%09%09%09c0%2C6.32%2C5.125%2C11.446%2C11.446%2C11.446s11.446-5.125%2C11.446-11.446v-27.47h92.71h71.536h119.71c15.721%2C0%2C28.511%2C12.791%2C28.511%2C28.511%0A%09%09%09V191.772z%20M68.674%2C350.868v-64.668h40.06c5.747%2C0%2C10.604-4.264%2C11.35-9.962l10.143-77.597h141.861l19.899%2C152.228H68.674z%0A%09%09%09%20M489.109%2C180.327h-24.414v-71.341h24.414V180.327z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cg%3E%0A%09%3Cg%3E%0A%09%09%3Cpath%20d%3D%22M117.891%2C134.349c-6.32%2C0-11.446%2C5.125-11.446%2C11.446v5.151c0%2C6.32%2C5.125%2C11.446%2C11.446%2C11.446%0A%09%09%09s11.446-5.125%2C11.446-11.446v-5.151C129.336%2C139.474%2C124.211%2C134.349%2C117.891%2C134.349z%22%2F%3E%0A%09%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}.icon-svg.i2{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23005f8f%22%20height%3D%22800px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ctitle%3Elabel%3C%2Ftitle%3E%0A%3Cpath%20d%3D%22M0%207.008v-3.008q0-1.632%201.184-2.816t2.816-1.184h4q1.664%200%202.816%201.184t1.184%202.816h4q2.496%200%204.256%201.76l9.984%2010.016q1.76%201.728%201.76%204.224t-1.76%204.256l-5.984%206.016q-1.76%201.728-4.224%201.728t-4.256-1.728l-10.016-10.016q-1.76-1.76-1.76-4.256v-12h6.016q0-0.832-0.608-1.408t-1.408-0.576h-4q-0.832%200-1.408%200.576t-0.576%201.408v3.008q0%200.608-0.512%200.864t-0.992%200-0.512-0.864zM8%2016q0%200.832%200.608%201.408l9.984%2010.016q0.608%200.576%201.44%200.576t1.376-0.576l6.016-6.016q0.576-0.576%200.576-1.408t-0.576-1.408l-10.016-10.016q-0.576-0.576-1.408-0.576h-1.024q1.024%201.376%201.024%203.008%200%201.12-0.384%202.048t-0.992%201.536-1.472%200.992-1.728%200.416-1.76-0.192-1.664-0.832v1.024zM8%2011.008q0%200.8%200.32%201.44t0.864%200.928%201.184%200.48%201.28%200%201.152-0.48%200.864-0.928%200.352-1.44q0-0.96-0.576-1.728t-1.44-1.056v2.784q0%200.608-0.512%200.864t-0.992%200-0.48-0.864v-2.784q-0.896%200.288-1.44%201.056t-0.576%201.728z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}.icon-svg.i3{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22ionicon%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M461.93%20261.05c-2-4.76-6.71-7.83-11.67-9.49l-187.18-74.48a23.78%2023.78%200%2000-14.17%200l-187%2074.52c-5%201.56-9.83%204.77-11.81%209.53s-2.94%209.37-1%2015.08l46.53%20119.15a7.46%207.46%200%20007.47%204.64c26.69-1.68%2050.31-15.23%2068.38-32.5a7.66%207.66%200%200110.49%200C201.29%20386%20227%20400%20256%20400s54.56-14%2073.88-32.54a7.67%207.67%200%200110.5%200c18.07%2017.28%2041.69%2030.86%2068.38%2032.54a7.45%207.45%200%20007.46-4.61l46.7-119.16c1.98-4.78.99-10.41-.99-15.18z%22%20fill%3D%22none%22%20stroke%3D%22%23005f8f%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%2232%22%2F%3E%3Cpath%20d%3D%22M416%20473.14a6.84%206.84%200%2000-3.56-6c-27.08-14.55-51.77-36.82-62.63-48a10.05%2010.05%200%2000-12.72-1.51c-50.33%2032.42-111.61%2032.44-161.95.05a10.09%2010.09%200%2000-12.82%201.56c-10.77%2011.28-35.19%2033.3-62.43%2047.75a7.15%207.15%200%2000-3.89%205.73%206.73%206.73%200%20007.92%207.15c20.85-4.18%2041-13.68%2060.2-23.83a8.71%208.71%200%20018-.06A185.14%20185.14%200%2000340%20456a8.82%208.82%200%20018.09.06c19.1%2010%2039.22%2019.59%2060%2023.8a6.72%206.72%200%20007.95-6.71z%22%2F%3E%3Cpath%20d%3D%22M320%2096V72a24.07%2024.07%200%2000-24-24h-80a24.07%2024.07%200%2000-24%2024v24M416%20233v-89a48.14%2048.14%200%2000-48-48H144a48.14%2048.14%200%2000-48%2048v92M256%20183.6v212.85%22%20fill%3D%22none%22%20stroke%3D%22%23005f8f%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%2232%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}.icon-svg.i4{background-image:url("data:image/svg+xml,%3Csvg%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M22%2012C22%2013.3132%2021.7413%2014.6136%2021.2388%2015.8268C20.7362%2017.0401%2019.9997%2018.1425%2019.0711%2019.0711C18.1425%2019.9997%2017.0401%2020.7362%2015.8268%2021.2388C14.6136%2021.7413%2013.3132%2022%2012%2022C10.6868%2022%209.38642%2021.7413%208.17317%2021.2388C6.95991%2020.7362%205.85752%2019.9997%204.92893%2019.0711C4.00035%2018.1425%203.26375%2017.0401%202.7612%2015.8268C2.25866%2014.6136%202%2013.3132%202%2012C2%2010.6868%202.25866%209.38642%202.76121%208.17316C3.26375%206.95991%204.00035%205.85752%204.92893%204.92893C5.85752%204.00035%206.95991%203.26375%208.17317%202.7612C9.38642%202.25866%2010.6868%202%2012%202C13.3132%202%2014.6136%202.25866%2015.8268%202.76121C17.0401%203.26375%2018.1425%204.00035%2019.0711%204.92893C19.9997%205.85752%2020.7362%206.95991%2021.2388%208.17317C21.7413%209.38642%2022%2010.6868%2022%2012L22%2012Z%22%20stroke%3D%22%23005f8f%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M16%2012C16%2013.3132%2015.8965%2014.6136%2015.6955%2015.8268C15.4945%2017.0401%2015.1999%2018.1425%2014.8284%2019.0711C14.457%2019.9997%2014.016%2020.7362%2013.5307%2021.2388C13.0454%2021.7413%2012.5253%2022%2012%2022C11.4747%2022%2010.9546%2021.7413%2010.4693%2021.2388C9.98396%2020.7362%209.54301%2019.9997%209.17157%2019.0711C8.80014%2018.1425%208.5055%2017.0401%208.30448%2015.8268C8.10346%2014.6136%208%2013.3132%208%2012C8%2010.6868%208.10346%209.38642%208.30448%208.17316C8.5055%206.95991%208.80014%205.85752%209.17157%204.92893C9.54301%204.00035%209.98396%203.26375%2010.4693%202.7612C10.9546%202.25866%2011.4747%202%2012%202C12.5253%202%2013.0454%202.25866%2013.5307%202.76121C14.016%203.26375%2014.457%204.00035%2014.8284%204.92893C15.1999%205.85752%2015.4945%206.95991%2015.6955%208.17317C15.8965%209.38642%2016%2010.6868%2016%2012L16%2012Z%22%20stroke%3D%22%23005f8f%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M2%2012H22%22%20stroke%3D%22%23005f8f%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}.icon-svg.i5{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23005f8f%22%20height%3D%22800px%22%20viewBox%3D%220%200%2052%2052%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15.2%2C2.2a1.63%2C1.63%2C0%2C0%2C1%2C1.7%2C1.7V5a1.63%2C1.63%2C0%2C0%2C1-1.7%2C1.7H10.1A3.4%2C3.4%2C0%2C0%2C0%2C6.7%2C9.9v32a3.4%2C3.4%2C0%2C0%2C0%2C3.2%2C3.4h32a3.4%2C3.4%2C0%2C0%2C0%2C3.4-3.2V36.8A1.63%2C1.63%2C0%2C0%2C1%2C47%2C35.1h1.1a1.63%2C1.63%2C0%2C0%2C1%2C1.7%2C1.7V43A6.81%2C6.81%2C0%2C0%2C1%2C43%2C49.8H9A6.81%2C6.81%2C0%2C0%2C1%2C2.2%2C43V9A6.81%2C6.81%2C0%2C0%2C1%2C9%2C2.2Z%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M40.4%2C25.4l3.1-3.1a1%2C1%2C0%2C0%2C0%2C0-1.5L31%2C8.2a1%2C1%2C0%2C0%2C0-1.5%2C0l-3.1%2C3.1a1%2C1%2C0%2C0%2C0%2C0%2C1.5L38.9%2C25.3A1%2C1%2C0%2C0%2C0%2C40.4%2C25.4Z%22%2F%3E%3Cpath%20d%3D%22M47.4%2C18.3l1.5-1.5a1%2C1%2C0%2C0%2C0%2C0-1.5L36.5%2C2.7a1%2C1%2C0%2C0%2C0-1.5%2C0L33.5%2C4.2a1%2C1%2C0%2C0%2C0%2C0%2C1.5L46%2C18.3A1%2C1%2C0%2C0%2C0%2C47.4%2C18.3Z%22%2F%3E%3Cpath%20d%3D%22M36.8%2C28.9h0c.6-.6.5-1.1.1-1.5L24.4%2C14.9a1%2C1%2C0%2C0%2C0-1.5%2C0l-.1.1a1%2C1%2C0%2C0%2C0%2C0%2C1.5L35.3%2C29A1%2C1%2C0%2C0%2C0%2C36.8%2C28.9Z%22%2F%3E%3Cpath%20d%3D%22M32.4%2C33.3l.7-.7a1%2C1%2C0%2C0%2C0%2C0-1.5L20.7%2C18.5a1%2C1%2C0%2C0%2C0-1.5%2C0l-.7.7a1%2C1%2C0%2C0%2C0%2C0%2C1.5L31%2C33.2C31.3%2C33.8%2C31.9%2C33.8%2C32.4%2C33.3Z%22%2F%3E%3Cpath%20d%3D%22M25.7%2C40.1%2C28.8%2C37a1%2C1%2C0%2C0%2C0%2C0-1.5L16.3%2C22.9a1%2C1%2C0%2C0%2C0-1.5%2C0L11.7%2C26a1%2C1%2C0%2C0%2C0%2C0%2C1.5L24.2%2C40A1%2C1%2C0%2C0%2C0%2C25.7%2C40.1Z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}.icon-svg.i6{background-image:url("data:image/svg+xml,%3Csvg%20fill%3D%22%23005f8f%22%20height%3D%22800px%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%0A%3Ctitle%2F%3E%0A%0A%3Cg%20data-name%3D%22Layer%202%22%20id%3D%22Layer_2%22%3E%0A%0A%3Cpath%20d%3D%22M11.9%2C12.09c0-.11.2-.11.21%2C0l1%2C9.91H20V2H4V22h6.91ZM18%2C4V5H6V4ZM9.91%2C11.9%2C9.09%2C20H6V7H18V20H14.91l-.81-8.1a2.11%2C2.11%2C0%2C0%2C0-4.19%2C0Z%22%2F%3E%0A%0A%3C%2Fg%3E%0A%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center;background-size:45px 45px}
.sdx-cart-empty{color:#5f6b76}
body.sdx-cart-lock{overflow:hidden}
#sdx-basket-form input[type="text"],#sdx-basket-form input[type="email"],#sdx-basket-form textarea{width:100%;max-width:520px;padding:10px;margin-top:4px;border:1px solid #e6eaee;border-radius:3px;font-size:calc(var(--sdx-body-size,1.125rem)*0.8333)}
#sdx-basket-form label{font-weight:600}

/* ------------------------------------------- imported live content
 * Compatibility layout for article bodies imported from the old site's
 * generator markup (its structural classes are not part of this theme).
 * Layout only - no copy lives here. */
.banner-bottom-section .image-grid-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0 0 26px}
.banner-bottom-section .image-grid-wrap .box{margin:0}
.banner-bottom-section .image-thumb img{display:block;width:100%;height:auto;border-radius:6px}
.banner-bottom-section .thumb-caption .image-title{font-size:calc(var(--sdx-body-size,1.125rem)*0.7222);line-height:var(--sdx-body-lh,1.8);margin:7px 0 0;text-align:center;color:#333}
.page-content-section .box-row.sidebar-right{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:30px;align-items:start}
.blog-related-sidebar{background:#f2f5f7;border-radius:10px;padding:20px 22px}
.blog-related-sidebar .sidebar-title{font-size:calc(var(--sdx-body-size,1.125rem)*0.9444);margin:0 0 12px}
.blog-related-sidebar ul{margin:0;padding-left:18px}
.blog-related-sidebar li{font-size:calc(var(--sdx-body-size,1.125rem)*0.75);line-height:var(--sdx-body-lh,1.8);margin:3px 0}
@media(max-width:900px){.page-content-section .box-row.sidebar-right{grid-template-columns:1fr}}

/* ===== Mobile display fixes (v0.1.8) =====
 * One consolidated small-screen pass: stacked centred masthead, tighter
 * top menu, shorter hero, stacked product cards, and hard guards so no
 * article element can push the page wider than the phone screen. */
@media(max-width:640px){
html,body{overflow-x:clip}
.container{padding:0 16px}
.topbar .container{justify-content:center;padding:0 8px}
.topbar a{padding:10px 12px;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}
.masthead .container{flex-direction:column;align-items:center;padding:20px 16px;gap:14px;text-align:center}
.mast-contact{text-align:center;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);line-height:var(--sdx-body-lh,1.8)}
.mast-contact .sdx-cart-btn{margin-top:6px}
.hero-stage{min-height:420px;padding:36px 14px}
.hero-card{padding:26px 18px}
.hero-card h1{font-size:calc(var(--sdx-hero-h1-size,40px)*0.675)}
.hero-sub{font-size:calc(var(--sdx-body-size,1.125rem)*0.9444)}
.hero-divider{margin:16px auto 14px}
body{font-size:var(--sdx-body-size-m,1rem)}
h2{font-size:calc(var(--sdx-h2-size,25px)*0.96)}
h3{font-size:calc(var(--sdx-h3-size,20px)*0.9)}
section{padding:26px 0}
.display{font-size:calc(var(--sdx-body-size,1.125rem)*1.5556)}
.breadcrumb{font-size:calc(var(--sdx-body-size,1.125rem)*0.6667);padding:10px 0}
.pcard{grid-template-columns:1fr}
.pcard img{height:auto;max-height:260px;width:100%}
.card img{height:170px}
article{overflow-wrap:break-word}
article img,article iframe,article video{max-width:100%;height:auto}
article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
article pre{overflow-x:auto}
.banner-bottom-section .image-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
footer .cols{padding:30px 16px;gap:26px}
.bottom{font-size:calc(var(--sdx-body-size,1.125rem)*0.6667);line-height:var(--sdx-body-lh,1.8)}
.whatsapp{width:48px;height:48px;right:16px;bottom:16px}
}

/* ===== Live-site header, menu and boxed hero (v0.1.10) =====
 * Structure verified on live siatexbd.com (2026-10-24): full-width navy
 * nav bar FIRST (#007cba sampled from the live site; active item and
 * the mobile toggle cell #005f8f), white logo row under it (phone as
 * plain text, email as a mailto link, basket as an icon with a count),
 * and the hero slider boxed inside the same container width as the
 * header - never full-bleed. On mobile the bar collapses to a
 * hamburger (left) + email (right), exactly like the live site. */
.topbar{position:relative;z-index:60}
.sdx-nav-items{display:flex;flex-wrap:wrap;align-items:stretch}
.topbar li{list-style:none;position:relative;margin:0}
.topbar li>a{display:block}
.topbar .sub-menu{display:none;position:absolute;top:100%;left:0;background:#fff;min-width:270px;box-shadow:0 12px 28px rgba(0,0,0,.18);padding:8px 0;margin:0;z-index:70}
.topbar li:hover>.sub-menu,.topbar li:focus-within>.sub-menu{display:block}
.topbar .sub-menu li{position:static}
.topbar .sub-menu a{color:#333;padding:10px 18px;font-size:calc(var(--sdx-body-size,1.125rem)*0.8056);white-space:nowrap}
.topbar .sub-menu a:hover{background:#f2f5f7;color:#005f8f}.topbar .container{position:relative}.topbar li.sdx-mega-li{position:static}.sdx-mega{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 28px rgba(0,0,0,.18);padding:20px 22px;z-index:80}.topbar li:hover>.sdx-mega,.topbar li:focus-within>.sdx-mega{display:block}.sdx-mega-in{columns:5;column-gap:30px;max-width:1180px;margin:0 auto}.sdx-mega-col{break-inside:avoid;margin:0 0 16px}.sdx-mega-h{display:block;white-space:normal;font-weight:700;color:#005f8f;font-size:calc(var(--sdx-body-size,1.125rem)*0.8889);margin:0 0 4px}.sdx-mega-col ul{list-style:none;margin:0;padding:0}.sdx-mega-col li{position:static}.sdx-mega-col a{color:#333;padding:4px 6px;display:block;font-size:calc(var(--sdx-body-size,1.125rem)*0.7778);white-space:nowrap}.sdx-mega-col a:hover{background:#f2f5f7;color:#005f8f}
.topbar li.menu-item-has-children>a:after{content:'\25BE';margin-left:7px;font-size:calc(var(--sdx-body-size,1.125rem)*0.6111)}
.sdx-nav-toggle{display:none;background:#005f8f;border:0;color:#fff;padding:12px 16px;cursor:pointer}
.sdx-nav-toggle svg{width:21px;height:21px;display:block}
.sdx-top-mail{display:none;color:#fff;text-decoration:none;font-size:calc(var(--sdx-body-size,1.125rem)*0.8056);align-items:center;gap:7px;padding:10px 16px 10px 8px}
.sdx-top-mail svg{width:19px;height:19px;flex:none}
.mast-contact .sdx-phone-line{color:#333}
.mast-contact .sdx-mail-line{color:#333;text-decoration:none}
.mast-contact .sdx-mail-line:hover{text-decoration:underline}
.hero{margin:26px 0 28px}
.hero-stage{min-height:500px}
@media(max-width:900px){.hero-stage{min-height:380px}}
@media(max-width:860px){
.topbar .container{flex-wrap:nowrap;justify-content:space-between;align-items:stretch;padding:0}
.sdx-nav-toggle{display:block}
.sdx-top-mail{display:inline-flex}
.sdx-nav-items{display:none;position:absolute;top:100%;left:0;right:0;background:#005f8f;flex-direction:column;padding:6px 0 10px;box-shadow:0 14px 24px rgba(0,0,0,.25)}
.topbar.sdx-open .sdx-nav-items{display:flex}
.sdx-nav-items>a,.sdx-nav-items li>a{padding:11px 18px}
.topbar .sub-menu{position:static;display:block;background:transparent;box-shadow:none;padding:0 0 4px;min-width:0}
.topbar .sub-menu a{color:#dbe7f3;padding:8px 18px 8px 34px;white-space:normal}
.topbar .sub-menu a:hover{background:transparent;color:#fff}.sdx-mega{position:static;display:block;background:transparent;box-shadow:none;padding:6px 0 4px}.sdx-mega-in{columns:2;column-gap:22px;padding:0 18px}.sdx-mega-h{color:#fff;white-space:normal}.sdx-nav-items .sdx-mega-col a{color:#dbe7f3;padding:6px 6px 6px 0;white-space:normal}.sdx-mega-col a:hover{background:transparent;color:#fff}
.masthead .container{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:14px 16px;gap:12px;text-align:left}
.mast-contact{text-align:right;line-height:var(--sdx-body-lh,1.8);font-size:calc(var(--sdx-body-size,1.125rem)*0.7778)}
.mast-contact .sdx-phone-line,.mast-contact .sdx-mail-line{display:none}
.mast-contact .sdx-cart-btn{margin-left:0}
.site-logo{width:150px}
}
@media(max-width:640px){
.hero{margin:16px 0 22px}
.hero-stage{min-height:300px;padding:22px 10px}
.hero-card{max-width:100%;padding:18px 14px}
.hero-card h1{font-size:calc(var(--sdx-hero-h1-size,40px)*0.6)}
.hero-sub{font-size:calc(var(--sdx-body-size,1.125rem)*0.8889)}
}

/* ===== Product / place design headings (owner direction 2026-10-24):
 * serif display type like the approved reference design, scoped to
 * the product + place templates' own elements. ===== */
.titlecard h1{font-family:'Playfair Display',Georgia,serif}
.pf-title{font-family:'Playfair Display',Georgia,serif}
.pcontent-head .pcontent-title{font-family:'Playfair Display',Georgia,serif}
.particle h2,.particle h3{font-family:'Playfair Display',Georgia,serif}
.quick-link h2{font-family:'Playfair Display',Georgia,serif}

/* Info pages (v0.1.51): hero panel with a rotating portrait picture
 * frame, then the article with a sticky Quick Links aside - the
 * layout of the owner's reference service pages. */
.info-hero{background:#f2f5f7;border-radius:10px;padding:34px;display:grid;grid-template-columns:1fr 555px;gap:40px;align-items:start;margin-bottom:34px}
.info-eyebrow{font-weight:700;font-size:calc(var(--sdx-body-size,1.125rem)*1.1111);color:#222;margin:0}
.info-eyebrow:before{content:'';display:block;width:40px;height:4px;background:#e92628;margin-bottom:5px}
.info-hero h1{margin:0 0 16px}
.info-intro p{margin:0 0 12px}
.info-intro p:last-child{margin-bottom:0}
.info-points{list-style:none;margin:20px 0 0;padding:0}
.info-points li{position:relative;padding:0 0 10px 30px;margin:0;line-height:var(--sdx-body-lh,1.8)}
.info-points li:last-child{padding-bottom:0}
.info-points li:before{content:'';position:absolute;left:0;top:1px;width:19px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23005f8f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") no-repeat center/contain}
.info-body ul{list-style:none;margin:0 0 14px;padding:0}
.info-body li{position:relative;padding:0 0 7px 24px;margin:0;line-height:var(--sdx-body-lh,1.8)}
.info-body li:last-child{padding-bottom:0}
.info-body li:before{content:'';position:absolute;left:2px;top:9px;width:7px;height:7px;border-radius:50%;background:#005f8f}
.info-frame{position:relative;aspect-ratio:37/40;background:#eef2f5;border-radius:8px;overflow:hidden}
.info-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.info-frame img.on{opacity:1}
@media(min-width:901px){.info-frame{position:sticky;top:96px}}
.info-cols{display:grid;grid-template-columns:3fr 1fr;gap:30px;align-items:start}
.info-body h2{margin:30px 0 12px}
.info-body h2:first-child{margin-top:0}
.info-body h3{margin:24px 0 8px;scroll-margin-top:110px}
.info-body p{margin:0 0 14px}
.info-ql{position:sticky;top:20px}
.info-ql h2{margin:0 0 10px;font-size:calc(var(--sdx-body-size,1.125rem)*1.3333)}
.info-ql ul{list-style:none;margin:0;padding:0}
.info-ql li{border-bottom:1px solid #e6eaee;padding:9px 0}
.info-ql li:last-child{border-bottom:0;padding-bottom:0}
.info-ql a{color:#005f8f;text-decoration:none}
.info-ql a:hover{text-decoration:underline}
@media(max-width:1100px){.info-hero{grid-template-columns:1fr 400px;gap:30px}}
@media(max-width:900px){.info-hero{grid-template-columns:1fr;padding:22px}.info-cols{grid-template-columns:1fr}.info-ql{position:static}}
/* Homepage about section (owner order 2026-10-27): the "Knit Garment
   Manufacturer" section reads in two columns - text left, rotating
   picture frame right. The frame itself is the info template's
   .info-frame (the content div carries both classes); these rules
   only lay out the row, mirroring .info-hero geometry. */
.about-cols{display:grid;grid-template-columns:1fr 555px;gap:40px;align-items:start}.about-h2{margin:0 0 16px;text-align:left}.contact-map{margin:0 0 24px;border-radius:14px;overflow:hidden;border:1px solid #e1e8ed;line-height:0;height:300px}.contact-map a{display:block;height:100%}.contact-map img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.cols-sticky{align-items:stretch}.cols-sticky .info-frame{position:sticky;top:96px}.cols-swap{grid-template-columns:555px 1fr}.cols-swap .about-text{order:2}.cols-swap .about-frame,.cols-swap .frame-col{order:1}.about-text .info-eyebrow{margin-bottom:12px}
@media(max-width:1100px){.about-cols{grid-template-columns:1fr 400px;gap:30px}}
@media(max-width:900px){.about-cols{grid-template-columns:1fr}.cols-swap .about-text,.cols-swap .about-frame,.cols-swap .frame-col{order:0}}