/* Phase 3 storefront polish — loaded after the legacy theme layers. */

/* Brand: the supplied Modern System reference is converted to transparent UI assets.
   The box owns the size; the image preserves its 1231:285 aspect ratio at every breakpoint. */
.brand.brand-unified{display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0;background:transparent;box-shadow:none}
.brand.brand-unified img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:1231/285}
.header-brand{width:218px!important;height:52px!important;flex:0 0 218px}
.footer .footer-brand{width:210px!important;height:52px!important}

/* Restored source header. header.tpl had been an empty, zero-byte template: the compiled cache could
   temporarily mask that defect, but clearing cache made the header disappear. */
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #e5edf1;backdrop-filter:blur(14px)}
.site-header .nav{display:grid;grid-template-columns:218px minmax(200px,1fr) minmax(250px,max-content) max-content max-content;align-items:center;gap:12px;min-height:78px;padding:10px 0}
.site-header .search-wrap{width:100%;max-width:none;margin:0}
.site-header .shop-search{display:flex;width:100%;max-width:none;height:42px;margin:0;border:1px solid #d9e6eb;border-radius:11px;background:#f7fafb;transition:border-color .18s,box-shadow .18s,background .18s}
.site-header .shop-search:focus-within{border-color:#49b3a8;background:#fff;box-shadow:0 0 0 4px rgba(15,118,110,.09)}
.site-header .shop-search input{height:40px;padding:0 13px;color:#234257;font-size:11px}
.site-header .shop-search button{display:grid;place-items:center;flex:0 0 42px;width:42px;color:#0f766e;border-right:1px solid #e5ecef;background:transparent}
.site-header .shop-search button:hover{color:#fff;background:#0f766e}.site-header .shop-search button svg{width:18px;height:18px}
.site-header .nav-links{display:flex;align-items:center;gap:1px;margin:0;white-space:nowrap}.site-header .nav-links a{padding:9px 8px;color:#3f596d;font-size:10.5px}.site-header .nav-links a.active,.site-header .nav-links a:hover{color:#087d75;background:#eaf8f5}
.site-header .cart-button{min-height:40px;padding:8px 10px;white-space:nowrap}.site-header .cart-button svg{width:17px;height:17px}.site-header .cart-count{margin-right:-2px}
.site-header .nav-actions{gap:7px}.site-header .header-account-link{min-height:40px;padding:0 11px;white-space:nowrap}.header-logout-link{color:#70869a;font-size:10px;white-space:nowrap}.header-logout-link:hover{color:#bd3343}.site-header .theme-toggle{padding:0;line-height:1;place-items:center}.site-header .theme-toggle svg{display:block}
.topline .container a{color:inherit}.topline .container a:hover{color:#9ce5dc}

/* The four service cards now have a fixed, breathable grid. Inline SVGs replace platform emoji,
   so a missing system glyph cannot turn into a broken icon. */
.front-service-strip .container{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.front-service-strip article{min-width:0;padding:15px 16px!important}.front-service-strip article>div{min-width:0}.front-service-strip i.service-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;font-size:0}.front-service-strip .service-icon svg{width:19px;height:19px}.front-service-strip b{overflow:hidden;font-size:10.5px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.front-service-strip span{overflow:hidden;font-size:8.5px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}

/* Footer: one deliberate desktop row: brand + three editable columns + quick links. */
.footer-grid{grid-template-columns:minmax(238px,1.62fr) repeat(4,minmax(105px,1fr));gap:22px!important;align-items:start}.footer-grid>div{min-width:0}.footer-grid h4{white-space:nowrap}.footer-grid li{min-width:0}.footer-grid li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-bottom{gap:14px;min-width:0}.footer-bottom>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.socials{display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;align-items:center;white-space:nowrap}.socials a{flex:0 0 29px}
/* Footer social icons are real SVG paths (including Facebook), not an absent image/font glyph. */
.socials a.social-facebook{color:#d9e7ff;background:rgba(75,132,230,.2)}.socials a.social-telegram{color:#d8efff}.socials a.social-instagram{color:#ffe1ed}.socials a.social-whatsapp{color:#dcffe7}.socials a.social-facebook:hover{background:#1877f2}.socials a.social-telegram:hover{background:#229ed9}.socials a.social-instagram:hover{background:#d62976}.socials a.social-whatsapp:hover{background:#25d366}.footer .footer-brand img{object-position:right center}

/* Reference login: a full-height white form panel at left and an editable brand promise at right. */
body.page-login,body.page-register{display:block;background:#fff}.login-screen{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;direction:ltr;background:#fff}.login-form-panel{display:grid;place-items:center;min-width:0;padding:42px 24px;background:#fff;direction:rtl}.login-form-inner{width:min(100%,360px)}.login-mobile-brand{display:none}.login-form-heading{text-align:right}.login-mini-mark{display:grid;place-items:center;width:32px;height:32px;margin-bottom:30px;color:#28506a;border:1px solid #e4ebf0;border-radius:9px;background:#fff;font-size:17px;box-shadow:0 4px 12px rgba(23,53,75,.05)}.login-form-heading h1{margin:0;color:#183550;font-size:25px;font-weight:900}.login-form-heading p{margin:12px 0 24px;color:#8a9baa;font-size:10px;line-height:2}.login-form{display:grid;gap:12px}.login-form label{color:#476075;font-size:10px;font-weight:700}.login-form .input{width:100%;height:45px;margin-top:6px;padding:0 13px;border:1px solid #dbe7ee;border-radius:10px;background:#edf3fc;color:#19354e;font-size:12px;outline:0;transition:.18s}.login-form .input:focus{border-color:#32a49a;background:#fff;box-shadow:0 0 0 4px rgba(15,118,110,.1)}.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:1px;font-size:10px}.login-options a{color:#91a1ad}.login-options a:hover{color:#0b8178}.login-options .modir-check{margin:0;opacity:.62}.login-remember{display:none!important}.login-submit{justify-self:end;min-height:39px;margin-top:1px;padding:0 15px;border-radius:9px;font-size:11px}.login-error{margin:0 0 14px;padding:10px 12px;color:#b42332;border:1px solid #fecdd3;border-radius:10px;background:#fff1f2;font-size:11px}.login-visual-panel{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:50px 9%;color:#fff;background:radial-gradient(circle at 80% 12%,rgba(43,204,188,.24),transparent 26%),radial-gradient(circle at 18% 89%,rgba(36,105,175,.25),transparent 28%),linear-gradient(135deg,#102f50,#006f70);direction:rtl}.login-visual-brand{position:relative;z-index:1;align-self:flex-start;width:184px;height:48px}.login-visual-brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:right center}.login-slogan{position:relative;z-index:1;max-width:380px;margin:auto 0}.login-slogan h2{margin:0;color:#fff;font-size:clamp(28px,3vw,47px);line-height:1.65;font-weight:900;white-space:pre-line}.login-slogan p{max-width:340px;margin:15px 0 0;color:#c6f4ef;font-size:13px;line-height:2.1}.login-orb{display:none}.login-orb-one{right:-115px;bottom:-145px;width:370px;height:370px;box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 82px rgba(255,255,255,.02)}.login-orb-two{top:-145px;left:-130px;width:300px;height:300px}.register-optional{color:#9fb0bd;font-weight:400}.register-pass-hint{display:block;margin-top:6px;color:#8a9baa;font-size:9.5px;font-weight:400;line-height:1.9}.register-submit{justify-self:stretch;width:100%;min-height:45px;margin-top:4px;padding:0 16px;font-size:13px;font-weight:700;letter-spacing:.2px}.register-secure-note{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;padding:10px 12px;border:1px solid #e4ebf0;border-radius:10px;background:#f6fafc;color:#7d90a0;font-size:9.5px;line-height:1.9}.register-secure-note svg{flex:none;width:15px;height:15px;margin-top:2px;color:#32a49a}

/* Product pricing uses independent rows. Discount and live inventory never share coordinates. */
.product-page-head{padding:17px 0!important;background:linear-gradient(105deg,#123a55,#0d746e)!important}.product-page-head .breadcrumb{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;color:#c7f0ea}.product-page-head .breadcrumb b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-price-summary{display:grid;gap:5px;padding-bottom:14px;border-bottom:1px solid #e7eef2}.product-price-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-price-heading>span:first-child{color:#587082;font-size:10px;font-weight:800}.product-price-heading .badge-off{position:static;display:inline-flex;align-items:center;min-height:24px;margin:0;padding:4px 8px;white-space:nowrap;color:#b42332;border-radius:7px;background:#fff0f1;font-size:9px}.product-price-summary del{margin:0;color:#96a7b4;font-size:10px}.product-buybox .product-price{margin:0;color:#087b73;font-size:22px}.product-stock-line{display:grid;grid-template-columns:9px 1fr;column-gap:8px;align-items:center;margin:14px 0;padding:10px 11px;border:1px solid;border-radius:11px}.product-stock-line i{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:currentColor}.product-stock-line span{font-size:10px;font-weight:900}.product-stock-line b{font-size:8.5px;font-weight:600}.product-stock-line.in-stock{color:#087866;border-color:#bce9df;background:#effbf7}.product-stock-line.out-stock{color:#ba3345;border-color:#fecdd3;background:#fff5f6}.product-buy-form{grid-template-columns:auto minmax(0,1fr);align-items:end!important;gap:9px!important}.product-qty-label{display:grid;gap:5px;color:#62798a;font-size:9px;font-weight:800}.product-buy-form input[type=number]{width:65px!important;height:44px;margin:0!important;padding:7px!important;text-align:center}.product-buy-form .btn{height:44px;min-height:44px}.product-buybox-notes li{position:relative;padding-right:15px}.product-buybox-notes li::before{content:'◈';position:absolute;right:0;color:#0d8c80}.product-gallery-row .gallery-thumb{display:grid;place-items:center;overflow:hidden;padding:0;border:1px solid #dce8ed;background:#fff}.product-gallery-row .gallery-thumb img{width:100%;height:100%;object-fit:cover}.product-gallery-row .gallery-thumb.active,.product-gallery-row .gallery-thumb:focus-visible{outline:0;border-color:#0e9085;box-shadow:0 0 0 3px rgba(14,144,133,.13)}.product-card-stock{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:8.5px;font-weight:800}.product-card-stock::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.product-card-stock.in-stock{color:#087866}.product-card-stock.out-stock{color:#bd3646}.product-content-card{scroll-margin-top:110px}

@media(max-width:1120px){.site-header .nav{grid-template-columns:194px minmax(180px,1fr) max-content max-content}.site-header .nav-links{display:none}.header-brand{width:194px!important;height:47px!important;flex-basis:194px}.front-service-strip article{padding:14px 11px!important}.front-service-strip b{font-size:9.5px}.front-service-strip span{font-size:8px}}
@media(max-width:820px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px!important}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid h4{white-space:normal}.footer-bottom{flex-wrap:wrap}}
@media(max-width:560px){.footer-grid{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}.footer-bottom{flex-direction:column;align-items:center;text-align:center}.footer-bottom>span{max-width:100%}.socials{justify-content:center}}
@media(max-width:900px){.topline .container{width:min(100% - 28px,1240px)}.topline .container span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-header .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto;grid-template-areas:'brand cart menu theme' 'search search search search';gap:8px 6px;min-height:0;padding:8px 0}.site-header .header-brand{grid-area:brand;justify-self:start;width:158px!important;height:39px!important;flex-basis:auto}.site-header .search-wrap{grid-area:search;display:block!important}.site-header .search-wrap .shop-search{display:flex!important}.site-header .cart-button{grid-area:cart;min-width:40px;height:38px;padding:7px 8px}.site-header .cart-button>span{display:none}.site-header .cart-count{position:absolute;top:-5px;left:-5px}.site-header .nav-actions{display:contents}.site-header .header-account-link,.site-header .header-logout-link{display:none!important}.site-header .theme-toggle{grid-area:theme;width:38px;height:38px}.site-header .mobile-menu-trigger{grid-area:menu;width:38px;height:38px;min-height:38px;min-width:38px;padding:0}.front-service-strip .container{grid-template-columns:1fr 1fr!important}.front-service-strip article{flex-direction:row!important;min-height:66px;padding:12px 10px!important;border-bottom:1px solid #e9eff2!important;border-left:1px solid #e9eff2!important;text-align:right!important}.front-service-strip article:nth-child(2n){border-left:0!important}.front-service-strip article:nth-last-child(-n+2){border-bottom:0!important}.front-service-strip i.service-icon{width:32px;height:32px;flex-basis:32px}.front-service-strip b{font-size:10px!important}.front-service-strip span{font-size:8px!important}.product-buybox{display:block!important}.product-buy-form{display:grid!important}.product-content-grid{margin-top:16px}}
@media(max-width:760px){.login-screen{grid-template-columns:1fr;min-height:100dvh}.login-visual-panel{order:-1;min-height:250px;padding:26px 28px}.login-visual-brand{width:160px;height:42px}.login-slogan{margin:auto 0 0}.login-slogan h2{font-size:25px}.login-slogan p{margin-top:7px;font-size:10px}.login-form-panel{align-items:start;padding:30px 24px 48px}.login-form-inner{width:min(100%,390px)}.login-mobile-brand{display:none}.login-mini-mark{margin-bottom:18px}.login-form-heading h1{font-size:22px}.login-form-heading p{margin:8px 0 18px}.login-orb-one{right:-100px;bottom:-165px;width:290px;height:290px}.login-orb-two{display:none}}
@media(max-width:520px){.header-brand{width:142px!important;height:35px!important}.topline .container{justify-content:center}.topline .container span:last-child{display:none}.front-service-strip{padding-top:9px}.front-service-strip .container{border-radius:12px}.front-service-strip article{gap:8px!important}.front-service-strip b{font-size:9px!important}.front-service-strip span{display:none!important}.product-page-head{padding:12px 0!important}.product-page-head .breadcrumb{font-size:9px}.product-buybox{padding:15px!important}.product-buy-form{grid-template-columns:1fr!important}.product-qty-label{grid-template-columns:auto 1fr;align-items:center}.product-buy-form input[type=number]{width:100%!important;height:39px}.product-buy-form .btn{height:44px}.product-stock-line{margin:12px 0;padding:9px 10px}.product-price-summary{padding-bottom:12px}.product-buybox .product-price{font-size:20px}.product-content-card{padding:16px!important}.product-side-anchors{display:none!important}.login-visual-panel{min-height:216px;padding:22px 22px}.login-visual-brand{width:145px;height:38px}.login-slogan h2{font-size:22px}.login-form-panel{padding:26px 19px 40px}}
@media(max-width:360px){.site-header .header-brand{width:122px!important;height:31px!important}.front-service-strip i.service-icon{display:none}.front-service-strip article{justify-content:center}.front-service-strip b{font-size:8.5px!important}}
html.dark .site-header{background:rgba(12,27,39,.97);border-color:#29485a}.dark .site-header .shop-search{border-color:#29495a;background:#102839}.dark .site-header .shop-search input{color:#e8f6f5}.dark .site-header .shop-search button{border-color:#29495a}.dark .site-header .nav-links a,.dark .header-logout-link{color:#bed2dd}.dark .product-price-summary{border-color:#29495a}.dark .product-price-heading>span:first-child{color:#b7cbd5}.dark .product-price-heading .badge-off{background:#4a2028;color:#ffd9de}.dark .product-stock-line.in-stock{background:#0d302e;border-color:#236458}.dark .product-stock-line.out-stock{background:#3c2028;border-color:#80404b}.dark .product-gallery-row .gallery-thumb{background:#112d3c;border-color:#29495a}.dark .product-card-stock.in-stock{color:#6ee7c8}.dark .product-card-stock.out-stock{color:#fca5b0}