@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--brand:#7a3500;--cream:#f8eadf;--ink:#211c19;--muted:#746b65;--line:#e8e2dc;--danger:#c72222}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Cairo,Arial,sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.top-strip{height:30px;display:grid;place-items:center;background:#171412;color:#fff;font-size:10px;position:relative;z-index:2}.landing-shell{width:min(100%,720px);margin:auto;padding:14px 14px 90px}.shipping-banner{background:#f3d9c5;border-radius:8px;padding:10px;text-align:center;font-size:12px;margin-bottom:14px;box-shadow:0 3px 10px #4c250c12}.landing-card{border-radius:16px;background:#fff;box-shadow:0 5px 22px #331b0c10;overflow:hidden}.hero-image,.detail-image{display:block;width:100%;height:auto;background:#f3f3f3}.social-proof{display:flex;align-items:center;gap:11px;padding:7px 17px;border-top:1px solid #eee;border-bottom:1px solid #eee}.avatar-stack{display:flex;direction:ltr}.avatar-stack span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-left:-8px;border:2px solid #fff;background:linear-gradient(140deg,#e5b996,#85502d);color:#fff;font-weight:800}.avatar-stack span:nth-child(2){background:linear-gradient(140deg,#b4c8d7,#465d6f)}.avatar-stack span:nth-child(3){background:linear-gradient(140deg,#ddb69d,#6e4333)}.avatar-stack span:nth-child(4){background:linear-gradient(140deg,#c9d0a6,#596135)}.stars{color:#ffb000;letter-spacing:1px;line-height:1}.stars i{font-style:normal;background:linear-gradient(90deg,#ffb000 50%,#ddd 50%);background-clip:text;color:transparent}.social-proof small{font-size:10px;color:var(--muted)}.product-intro{padding:18px}.product-intro h1{font-size:18px;margin:0 0 8px}.product-intro p{font-size:12px;color:var(--muted);margin:0}.price-line{margin-top:16px;background:#f4f6f8;border-radius:8px;padding:11px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.price-line strong{font-size:18px;margin-left:auto}.price-line del{color:#999;font-size:12px}.price-line span{font-size:10px}.landing-card form{padding:0 18px 20px}.offers{display:grid;gap:9px}.offer{border:2px solid #2f2925;border-radius:7px;min-height:54px;padding:8px 12px;display:flex;align-items:center;gap:9px;cursor:pointer}.offer:has(input:checked){border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:#fffaf6}.offer input{accent-color:var(--brand)}.offer>span{display:flex;flex-direction:column;flex:1}.offer b{font-size:12px}.offer em{font-size:9px;color:#f06b00;font-style:normal}.offer strong{font-size:12px}.checkout-title{font-size:15px;color:var(--danger);text-align:right;margin:20px 0 10px}.checkout-fields{display:grid;gap:9px}.checkout-fields label{height:47px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:9px}.checkout-fields label:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #7a350010}.checkout-fields input{border:0;outline:0;width:100%;height:100%;background:transparent}.checkout-fields small{color:#c72222;font-size:10px;margin-top:-7px}.buy-button,.cta-block button{width:100%;border:0;border-radius:99px;background:var(--brand);color:#fff;font-weight:800;padding:15px;box-shadow:0 9px 22px #7a350026}.buy-button[disabled]{opacity:.65}.form-message{text-align:center;font-size:11px;color:#c72222;margin-top:8px}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:18px 10px}.trust-row>div{text-align:center}.trust-row i{width:34px;height:34px;border-radius:10px;background:#ffe5d3;display:grid;place-items:center;margin:auto;font-style:normal}.trust-row span{display:block;font-size:9px;margin-top:6px}.prep-banner{margin:0 18px 10px;padding:12px;background:#f4dbc8;border-radius:8px;display:flex;justify-content:space-between;font-size:10px}.accordions{padding:0 18px 18px}.accordions details{background:#f4f6f8;border-radius:7px;margin:7px 0;padding:11px}.accordions summary{display:flex;justify-content:space-between;font-weight:700;font-size:11px;cursor:pointer;list-style:none}.accordions p{font-size:10px;color:var(--muted);line-height:1.9}.product-copy{padding:44px 28px;font-size:12px;line-height:2}.product-copy h2{font-size:27px;line-height:1.4}.product-copy ul{padding-right:20px}.cta-block{text-align:center;padding:45px 20px}.cta-block>span{font-size:25px}.cta-block h2{font-size:24px;margin:5px}.cta-block>div{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px}.cta-block b{background:#ed3341;color:#fff;border-radius:99px;padding:4px 8px;font-size:10px}.cta-block del{color:#999}.cta-block button{max-width:270px}.how{text-align:center;padding:45px 17px}.how>h2{font-size:25px;margin:0}.how>p{color:var(--muted);font-size:10px}.how>div{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:25px}.how article{border:1px solid #ead9ca;border-radius:10px;padding:22px 10px;background:linear-gradient(180deg,#fff,#fff5ee)}.how i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0d5c1;margin:-42px auto 10px;font-style:normal;font-weight:900}.how h3{font-size:13px}.how p{font-size:9px;color:var(--muted)}.sticky-buy{position:fixed;z-index:20;bottom:10px;left:50%;transform:translateX(-50%);width:min(calc(100% - 24px),680px);background:#fff;border:1px solid #eadfd7;border-radius:14px;padding:8px;box-shadow:0 10px 35px #35190935;display:flex;align-items:center;gap:9px}.sticky-buy img{width:46px;height:46px;object-fit:cover;border-radius:8px}.sticky-buy>div{display:flex;flex-direction:column;flex:1;min-width:0}.sticky-buy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-buy small{font-weight:800}.sticky-buy button{border:0;background:var(--brand);color:#fff;border-radius:99px;padding:10px 24px;font-weight:800}.public-footer{text-align:center;padding:35px 16px 100px;color:#6d665f}.public-footer nav,.socials{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:14px}.public-footer a{font-size:10px}.public-footer small{font-size:9px}.store-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2));border-bottom:1px solid var(--line)}.store-logo{font-weight:900;font-size:21px;color:var(--brand)}.store-header span{font-size:11px;color:var(--muted)}.store-shell{max-width:1100px;margin:auto;padding:24px}.store-hero{background:linear-gradient(135deg,#f5ddca,#fff4eb);padding:52px;border-radius:24px;margin-bottom:25px}.store-hero span{font-size:12px;color:var(--brand);font-weight:800}.store-hero h1{font-size:42px;line-height:1.25;margin:9px 0}.store-hero p{color:var(--muted)}.store-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.store-product{border:1px solid var(--line);border-radius:18px;overflow:hidden}.store-product img{width:100%;aspect-ratio:1;object-fit:cover}.store-product>div{padding:15px}.store-product h2{font-size:16px}.store-product p{font-size:11px;color:var(--muted);height:38px;overflow:hidden}.store-product strong{display:block}.store-product span{display:inline-block;background:var(--brand);color:#fff;padding:8px 15px;border-radius:99px;font-size:11px;margin-top:11px}.thank-page{background:#fff}.thank-shell{width:min(100%,720px);margin:auto;padding:20px}.thank-hero{background:#f0d5c1;padding:48px 24px 25px;border-radius:22px;text-align:center}.checkmark{width:85px;height:85px;margin:auto;border:6px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff;font-size:43px;box-shadow:0 8px 30px #5d2c0a2c}.thank-hero h1{font-size:31px;margin:22px 0 4px}.thank-hero>p{color:#6e5c50}.order-number{border-top:1px solid #d4bba8;padding:16px}.order-summary{background:#fff;border-radius:16px;text-align:right;overflow:hidden}.order-summary h2{padding:18px;margin:0;border-bottom:1px solid var(--line);font-size:19px}.summary-product{display:flex;gap:12px;align-items:center;padding:20px}.summary-product img{width:80px;height:80px;border-radius:10px;object-fit:cover}.summary-product div{display:flex;flex:1;flex-direction:column}.summary-product span,.summary-product small{font-size:11px}.order-summary dl{padding:0 20px 20px;margin:0}.order-summary dl>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}.order-summary dt{font-weight:700}.order-summary dd{margin:0;max-width:65%}.order-summary .total{font-size:20px}.continue-shopping{display:block;text-align:center;background:var(--brand);color:#fff;padding:13px;border-radius:99px;margin:20px auto;width:220px}.legal-page{background:#f8f5f2}.legal-card{max-width:850px;margin:35px auto;background:#fff;border-radius:18px;padding:35px;min-height:420px}.legal-card div{white-space:normal;line-height:2}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center}.error-page strong{font-size:70px;color:var(--brand)}.error-page a{display:inline-block;background:var(--brand);color:#fff;padding:10px 18px;border-radius:99px}
@media(min-width:850px){.landing-shell{padding-top:25px}.landing-card{border:1px solid var(--line)}.hero-image{border-radius:14px}.product-copy{font-size:14px}.detail-image{max-height:none}.top-strip{height:34px}}
@media(max-width:650px){.landing-shell{padding:10px 0 90px}.shipping-banner{margin:0 12px 10px}.landing-card{border-radius:0;box-shadow:none}.store-header{padding:0 18px}.store-header span{display:none}.store-shell{padding:14px}.store-hero{padding:30px 22px;border-radius:18px}.store-hero h1{font-size:31px}.store-products{grid-template-columns:repeat(2,1fr);gap:10px}.store-product>div{padding:11px}.store-product h2{font-size:13px}.how>div{grid-template-columns:1fr;gap:30px}.how article{padding:22px}.thank-shell{padding:0}.thank-hero{border-radius:0;padding-top:40px}.summary-product{align-items:flex-start}.legal-card{margin:12px;padding:22px}.product-copy h2{font-size:23px}}
.avatar-stack img{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-left:-8px;border:2px solid #fff;background:#eee}
.ui-icon{width:23px;height:23px;display:block}.rating-stars{position:relative;display:inline-block;direction:ltr;font-size:17px;line-height:1;color:#d7d7d7;letter-spacing:1px}.rating-stars b{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:#ffad00;font-weight:400}.social-proof{justify-content:flex-start}.social-proof>div:last-child{min-width:0}.selected-total{display:flex;align-items:center;justify-content:space-between;margin:12px 0 3px;padding:11px 13px;background:#fff7ef;border:1px solid #f0d6c2;border-radius:9px;font-size:11px}.selected-total strong{font-size:15px;color:var(--brand)}.checkout-fields label.checkout-field{position:relative;padding:0 12px;background:#fff}.checkout-field>.ui-icon{flex:0 0 22px;color:#4c4c55;background:#f5f5f6;padding:3px;border-radius:6px}.checkout-field input::placeholder{color:#8d8b97;opacity:1}.checkout-field.field-invalid{border-color:#e12534!important;background:#fff7f8;animation:fieldShake .38s ease}.checkout-field.field-invalid>.ui-icon{color:#d51f2e}.prep-banner{align-items:center;gap:7px;background:linear-gradient(90deg,#f0d2bb,#fff3ea);font-size:10px}.prep-banner>b{white-space:nowrap}.prep-banner>span{margin-right:auto}.prep-banner strong{font-size:13px;color:var(--brand);font-variant-numeric:tabular-nums}.accordions details{padding:0;overflow:hidden}.accordions summary{padding:12px}.accordions summary b{display:flex;align-items:center;gap:8px}.accordions summary .ui-icon{width:19px;height:19px}.accordions details[open] summary{background:#fff4eb}.accordions details[open] summary>span{transform:rotate(45deg)}.accordions details p{padding:0 14px 13px;margin:0}.product-copy{max-width:620px;margin:auto}.product-copy h2{font-size:31px;line-height:1.35;margin:20px 0 12px}.product-copy h3{font-size:21px;margin:20px 0 8px}.product-copy p{font-size:14px;line-height:2;margin:8px 0}.product-copy ul,.product-copy ol{display:grid;gap:8px;font-size:13px;line-height:1.8}.how>div{align-items:stretch}.how article{position:relative;padding-top:34px}.how article>i{width:54px;height:54px;border-radius:16px;margin:-54px auto 8px;display:grid;place-items:center}.how article>i .ui-icon{width:28px;height:28px}.how article>span{position:absolute;top:8px;left:10px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.how .step-1{background:linear-gradient(160deg,#fff3e9,#ffd8bd);border-color:#f2bd98}.how .step-2{background:linear-gradient(160deg,#fff,#f5f0ff);border-color:#d8c9f0}.how .step-3{background:linear-gradient(160deg,#effbf5,#d6f1e2);border-color:#b7ddc9}.how .step-1>i,.how .step-1>span{background:#f5c9aa;color:#7a3500}.how .step-2>i,.how .step-2>span{background:#dfd2f2;color:#584078}.how .step-3>i,.how .step-3>span{background:#bfe5d0;color:#17633b}.store-header{background:#fff;position:sticky;top:0;z-index:15}.store-logo{display:flex;align-items:center;gap:10px}.store-logo>i,.store-logo>img{width:43px;height:43px;border-radius:13px;background:var(--brand);color:#fff;object-fit:contain;display:grid;place-items:center;font-style:normal}.store-logo>div{display:flex;flex-direction:column}.store-logo small{font-size:9px;color:var(--muted);font-weight:500}.store-header nav{display:flex;gap:22px;font-size:12px;font-weight:700}.store-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:25px;overflow:hidden;position:relative}.store-hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;background:#fff8;left:-70px;top:-90px}.store-hero>div{position:relative;z-index:1}.store-hero a{display:inline-flex;background:var(--brand);color:#fff;border-radius:99px;padding:11px 19px;font-size:12px;font-weight:800;margin-top:8px}.hero-badges{display:grid!important;grid-template-columns:1fr!important;gap:9px}.hero-badges>div{display:flex;align-items:center;gap:10px;background:#fff;padding:12px;border-radius:12px;box-shadow:0 8px 25px #7a350010}.hero-badges i{width:36px;height:36px;border-radius:10px;background:#f8dfcc;display:grid;place-items:center}.hero-badges span{font-size:11px;font-weight:800}.store-section-head{display:flex;align-items:end;justify-content:space-between;margin:38px 0 18px}.store-section-head span{font-size:10px;color:var(--brand);font-weight:800}.store-section-head h2{margin:4px 0;font-size:27px}.store-section-head p{font-size:11px;color:var(--muted)}.store-products{grid-template-columns:repeat(4,1fr)}.store-product{background:#fff;transition:.2s}.store-product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #35190912}.legal-content h2{font-size:25px;margin:25px 0 10px}.legal-content h3{font-size:19px}.legal-content p,.legal-content li{line-height:2;color:#514b47}.legal-content ul{display:grid;gap:7px}
@keyframes fieldShake{0%,100%{transform:translateX(0)}25%{transform:translateX(7px)}50%{transform:translateX(-7px)}75%{transform:translateX(4px)}}
@media(max-width:650px){.product-copy{padding:34px 22px}.product-copy h2{font-size:25px}.product-copy h3{font-size:19px}.store-header nav{display:none}.store-hero{grid-template-columns:1fr;padding:28px 20px}.hero-badges{grid-template-columns:repeat(3,1fr)!important}.hero-badges>div{display:grid;text-align:center;padding:8px}.hero-badges i{margin:auto}.hero-badges span{font-size:8px}.store-section-head{align-items:start}.store-section-head p{display:none}.store-section-head h2{font-size:22px}.store-products{grid-template-columns:repeat(2,1fr)}.prep-banner{flex-wrap:wrap}.prep-banner>span{width:100%;margin:0}.rating-stars{font-size:15px}}

/* v1.2 premium storefront and lightweight checkout */
.intro-copy,.intro-copy p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.intro-copy h1,.intro-copy h2,.intro-copy h3{font-size:14px;margin:7px 0}.checkout-field input[dir=rtl]{direction:rtl;text-align:right;unicode-bidi:plaintext}.discover-store{width:min(100%,390px);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:800;padding:15px 20px;box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 25%,transparent)}.discover-store .ui-icon{width:19px}.footer-brand{display:grid;gap:2px;margin-bottom:12px}.footer-brand b{font-size:18px;color:var(--brand)}.footer-brand span{font-size:10px}
.store-page{background:linear-gradient(180deg,#fff 0,#fbfaf8 45%,#f7f4f0 100%)}.store-page .top-strip{background:var(--brand)}.store-header{box-shadow:0 8px 35px #28160c0a}.header-cta{background:var(--brand);color:#fff;border-radius:99px;padding:9px 17px;font-size:11px;font-weight:800}.store-shell{max-width:1180px;padding-top:34px}.store-hero{min-height:440px;padding:65px;background:radial-gradient(circle at 12% 15%,#fff 0 6%,transparent 6.5%),linear-gradient(135deg,#f9eadf,#fff 55%,#f3ddd0);border:1px solid #f0ded2;box-shadow:0 24px 70px #55301a12}.store-hero:before{content:'';position:absolute;width:420px;height:420px;border:1px solid #fff9;border-radius:50%;left:-130px;bottom:-220px}.hero-copy .eyebrow{display:inline-flex;background:#fff;color:var(--brand);padding:7px 12px;border-radius:99px;box-shadow:0 7px 22px #4b2a1510}.hero-copy h1{font-size:48px;letter-spacing:-1.5px}.hero-copy h1 em{font-style:normal;color:var(--brand)}.hero-copy p{max-width:560px;line-height:2}.hero-actions{display:flex;align-items:center;gap:18px}.hero-actions small{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700}.hero-actions .ui-icon{width:18px;color:var(--brand)}.hero-showcase{min-height:280px;position:relative;display:grid;place-items:center}.hero-orbit{position:absolute;width:250px;height:250px;border-radius:50%;background:linear-gradient(145deg,var(--brand),#d49d73);opacity:.11;display:grid;place-items:center}.hero-orbit .ui-icon{width:110px;height:110px}.hero-badges{width:min(100%,290px)}
.store-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 45px}.store-trust>div{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;display:grid;grid-template-columns:42px 1fr;column-gap:11px;align-items:center;box-shadow:0 10px 30px #4b2a1508}.store-trust .ui-icon{grid-row:1/3;width:42px;height:42px;padding:9px;border-radius:12px;background:#fff2e9;color:var(--brand)}.store-trust b{font-size:12px}.store-trust small{font-size:9px;color:var(--muted)}
.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.catalog-tools>label{width:min(100%,360px);height:46px;background:#fff;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;padding:0 13px;gap:8px}.catalog-tools input{border:0;outline:0;width:100%;background:transparent}.catalog-tools .ui-icon{width:19px;color:var(--muted)}.catalog-tools>div{display:flex;gap:7px}.catalog-tools button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 14px;font-size:10px;font-weight:800}.catalog-tools button.active{background:var(--brand);border-color:var(--brand);color:#fff}.store-products{gap:20px}.store-product{border-radius:22px;box-shadow:0 10px 35px #3d24120a}.product-visual{position:relative;overflow:hidden;background:#f4f0ed}.product-visual img{display:block;transition:transform .35s}.store-product:hover .product-visual img{transform:scale(1.035)}.product-visual>span{position:absolute;right:10px;top:10px;background:#fff;color:var(--brand);border-radius:99px;padding:5px 9px;font-size:8px;font-weight:800;box-shadow:0 4px 15px #0001}.store-product h2{margin:2px 0 7px;line-height:1.65}.store-card-copy p{height:39px;margin:0;color:var(--muted);font-size:10px;line-height:1.9;overflow:hidden}.store-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.store-card-bottom strong{font-size:16px;color:var(--brand)}.store-card-bottom strong small{font-size:8px}.store-card-bottom span{display:flex;align-items:center;gap:3px;margin:0;padding:0;background:none;color:var(--ink);font-weight:800}.store-card-bottom .ui-icon{width:15px}.catalog-empty{text-align:center;padding:35px;color:var(--muted)}.store-product[hidden]{display:none}.store-page .public-footer{background:#211c19;color:#cfc8c2;margin-top:70px}.store-page .public-footer .footer-brand b{color:#fff}.store-page .public-footer a{color:#eee}
.legal-content h1,.product-copy h1{font-size:36px;line-height:1.35}.legal-content blockquote,.product-copy blockquote{border-right:4px solid var(--brand);margin:18px 0;padding:12px 16px;background:#faf6f2;color:#61554c}.legal-content hr,.product-copy hr{border:0;border-top:1px solid var(--line);margin:25px 0}
@media(max-width:780px){.header-cta{display:none}.store-shell{padding:14px}.store-hero{min-height:auto;padding:35px 22px}.hero-copy h1{font-size:34px}.hero-showcase{min-height:230px}.store-trust{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.store-trust>div{padding:12px}.catalog-tools{display:grid}.catalog-tools>label{width:100%}.catalog-tools>div{overflow:auto;padding-bottom:4px}.catalog-tools button{white-space:nowrap}.store-products{gap:11px}.store-product{border-radius:15px}.store-card-bottom{display:grid;gap:6px}.store-card-bottom span{font-size:9px}.store-card-copy p{font-size:9px}.discover-store{width:calc(100% - 28px)}.legal-content h1,.product-copy h1{font-size:28px}}

/* v1.3 content rhythm, contact page and compact storefront footer */
.product-copy{padding-top:36px;padding-bottom:30px;text-align:right}.product-copy h1{font-size:34px;line-height:1.35;margin:0 0 18px;font-weight:900}.product-copy h2{margin:19px 0 8px}.product-copy h3{margin:16px 0 7px}.product-copy p{margin:5px 0;line-height:1.85}.product-copy ul,.product-copy ol{display:block;margin:8px 0 13px;padding-right:23px;font-size:14px;line-height:1.75}.product-copy li{margin:2px 0;padding:0}.content-end-image{display:block;width:100%;height:auto;margin:24px 0 0;border-radius:13px;background:#f4f2f0}.product-copy-order{display:block;border:0;background:var(--brand);color:#fff;border-radius:10px;padding:12px 25px;font-weight:900;margin:20px 0 0;min-width:120px;box-shadow:0 9px 22px #7a350025}.store-page .public-footer{background:#fff;color:#6d665f;border-top:1px solid var(--line);margin-top:48px;padding:27px 16px 32px}.store-page .public-footer .footer-brand{margin:0 0 8px}.store-page .public-footer .footer-brand b{color:var(--brand);font-size:16px}.store-page .public-footer .footer-brand span{font-size:9px}.store-page .public-footer nav,.store-page .public-footer .socials{margin:9px;gap:12px}.store-page .public-footer a{color:#514b47;font-size:9px}.contact-shell{width:min(100% - 28px,960px);margin:38px auto 55px;display:grid;grid-template-columns:.85fr 1.15fr;gap:22px;align-items:start}.contact-intro,.contact-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 15px 45px #34200f0a}.contact-intro>span{color:var(--brand);font-size:11px;font-weight:800}.contact-intro h1{font-size:32px;margin:7px 0 16px}.contact-card{display:grid;gap:14px}.contact-card label{display:grid;gap:7px;font-size:12px;font-weight:800}.contact-card label>span{display:flex;align-items:center;gap:7px}.contact-card .ui-icon{width:18px}.contact-card input,.contact-card textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;background:#fff;outline:0;font:inherit}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #7a350012}.contact-card button{border:0;border-radius:11px;padding:13px;background:var(--brand);color:#fff;font-weight:900}.contact-success,.contact-error{padding:11px;border-radius:9px;font-size:11px}.contact-success{background:#e4f8ec;color:#08754f}.contact-error{background:#ffe7e9;color:#a3212c}
@media(max-width:650px){.product-copy h1{font-size:27px}.product-copy ul,.product-copy ol{font-size:13px}.contact-shell{grid-template-columns:1fr;margin-top:18px}.contact-intro,.contact-card{padding:21px}.contact-intro h1{font-size:27px}}

/* ===== Content Protection ===== */
.landing-page,
.landing-page * {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

.landing-page input,
.landing-page textarea,
.landing-page select {
    -webkit-user-select: text;
    user-select: text;
}


/* Product color picker */
.product-color-picker{
 margin:14px 0;
 padding:14px;
 border:1px solid #e2e8f0;
 border-radius:14px;
 background:#fafcff;
}

.product-color-picker h3{
 margin:0 0 10px;
 font-size:14px;
}

.product-color-options{
 display:flex;
 flex-wrap:wrap;
 gap:8px;
}

.product-color-choice{
 position:relative;
 cursor:pointer;
}

.product-color-choice input{
 position:absolute;
 opacity:0;
 pointer-events:none;
}

.product-color-choice span{
 display:block;
 padding:9px 15px;
 border:1px solid #d7e0eb;
 border-radius:10px;
 background:#fff;
 font-size:13px;
 font-weight:700;
 transition:.15s;
}

.product-color-choice input:checked + span{
 border-color:var(--brand);
 box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 15%,transparent);
 color:var(--brand);
}


/* Buy button refined */
.buy-button{
    min-height:52px !important;
    padding:12px 24px !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.35 !important;
    white-space:normal !important;
}

.buy-button [data-button-price]{
    font-weight:900 !important;
    white-space:nowrap;
}


/* Arabic buy button RTL */
.buy-button{
    direction:rtl !important;
    unicode-bidi:isolate !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    text-align:center !important;
}

.buy-button .buy-label,
.buy-button .buy-currency{
    direction:rtl !important;
    unicode-bidi:isolate !important;
}

.buy-button [data-button-price]{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    display:inline-block !important;
}


/* Exact Arabic buy text */
.buy-button{
    direction:rtl !important;
    unicode-bidi:isolate !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:0 !important;
}

.buy-button span{
    direction:rtl;
    unicode-bidi:isolate;
}

.buy-button [data-button-price]{
    direction:ltr !important;
    unicode-bidi:isolate !important;
    display:inline-block !important;
}


/* Full store logo header */
.store-header .store-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    text-decoration:none !important;
    min-width:0 !important;
}

.store-header .store-logo-image{
    display:block !important;
    width:auto !important;
    height:68px !important;
    max-width:340px !important;
    object-fit:contain !important;
    object-position:center !important;
    border-radius:0 !important;
    background:transparent !important;
    padding:0 !important;
    box-shadow:none !important;
}

.store-header .store-logo-fallback{
    display:grid;
    gap:2px;
}

.store-header .store-logo-fallback b{
    font-size:20px;
}

.store-header .store-logo-fallback small{
    font-size:10px;
    opacity:.7;
}

@media(max-width:760px){
    .store-header .store-logo-image{
        height:52px !important;
        max-width:240px !important;
    }
}

/* Mobile logo centered */
@media(max-width:760px){
    .store-header{
        justify-content:center !important;
    }

    .store-header .store-logo{
        width:100% !important;
        justify-content:center !important;
        margin:0 auto !important;
    }

    .store-header .store-logo-image{
        height:54px !important;
        max-width:240px !important;
        width:auto !important;
        margin:0 auto !important;
        object-fit:contain !important;
        object-position:center !important;
    }
}


/* ===== GARANTI PREMIUM HOME V2 ===== */

/* -----------------------------
   HOME BASE
------------------------------ */
.store-page{
    background:
        radial-gradient(circle at 85% 8%, color-mix(in srgb,var(--brand) 7%,transparent), transparent 24%),
        linear-gradient(180deg,#fff 0%,#fff 46%,#faf9f7 100%);
    color:#171717;
}

.store-page .top-strip{
    height:32px;
    background:#171717;
    color:#fff;
    font-size:10px;
    font-weight:700;
    letter-spacing:.15px;
}

.store-page .store-header{
    height:82px;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid #ededed;
    box-shadow:none;
    padding-left:max(26px,calc((100% - 1240px)/2));
    padding-right:max(26px,calc((100% - 1240px)/2));
}

.store-page .store-header nav{
    gap:32px;
    font-size:12px;
    font-weight:700;
    color:#444;
}

.store-page .store-header nav a{
    position:relative;
    transition:.2s ease;
}

.store-page .store-header nav a:hover{
    color:var(--brand);
}

.store-page .header-cta{
    min-width:112px;
    padding:11px 20px;
    text-align:center;
    background:var(--brand);
    border-radius:12px;
    font-size:11px;
    box-shadow:0 8px 22px color-mix(in srgb,var(--brand) 17%,transparent);
}

.store-page .store-shell{
    width:min(calc(100% - 44px),1240px);
    max-width:none;
    padding:0;
    margin:0 auto;
}

/* -----------------------------
   NEW HERO — no giant card
------------------------------ */
.store-page .store-hero{
    min-height:515px;
    margin:0;
    padding:72px 10px 64px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    overflow:visible;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);
    gap:70px;
    align-items:center;
    position:relative;
}

.store-page .store-hero:before{
    content:"";
    position:absolute;
    z-index:0;
    width:440px;
    height:440px;
    left:-170px;
    top:10px;
    border-radius:50%;
    background:
        radial-gradient(circle,
        color-mix(in srgb,var(--brand) 10%,#fff) 0%,
        color-mix(in srgb,var(--brand) 4%,#fff) 38%,
        transparent 70%);
    border:0;
    pointer-events:none;
}

.store-page .store-hero:after{
    content:"";
    position:absolute;
    width:170px;
    height:170px;
    right:32%;
    top:44px;
    border-radius:50%;
    background:color-mix(in srgb,var(--brand) 5%,#fff);
    filter:blur(2px);
    z-index:0;
    pointer-events:none;
}

.store-page .store-hero>div{
    position:relative;
    z-index:2;
}

.store-page .hero-copy{
    max-width:700px;
}

.store-page .hero-copy .eyebrow{
    display:inline-flex;
    align-items:center;
    width:auto;
    padding:7px 12px;
    margin-bottom:13px;
    border:1px solid color-mix(in srgb,var(--brand) 18%,#e9e9e9);
    border-radius:8px;
    background:#fff;
    color:var(--brand);
    box-shadow:none;
    font-size:10px;
    font-weight:800;
}

.store-page .hero-copy h1{
    max-width:680px;
    margin:0;
    color:#151515;
    font-size:clamp(46px,5vw,72px);
    line-height:1.13;
    letter-spacing:-2.6px;
    font-weight:900;
}

.store-page .hero-copy h1 em{
    display:inline-block;
    margin-top:4px;
    color:var(--brand);
    font-style:normal;
}

.store-page .hero-copy>p{
    max-width:610px;
    margin:23px 0 0;
    color:#6d6d6d;
    font-size:14px;
    line-height:2;
}

.store-page .hero-actions{
    display:flex;
    align-items:center;
    gap:20px;
    margin-top:27px;
}

.store-page .hero-actions>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:49px;
    margin:0;
    padding:0 25px;
    border-radius:12px;
    background:var(--brand);
    color:#fff;
    font-size:12px;
    font-weight:900;
    box-shadow:0 12px 28px color-mix(in srgb,var(--brand) 20%,transparent);
    transition:.2s ease;
}

.store-page .hero-actions>a:hover{
    transform:translateY(-2px);
}

.store-page .hero-actions small{
    display:flex;
    align-items:center;
    gap:7px;
    color:#555;
    font-size:10px;
    font-weight:700;
}

/* right showcase */
.store-page .hero-showcase{
    min-height:370px;
    width:100%;
    display:grid;
    place-items:center;
    position:relative;
}

.store-page .hero-orbit{
    position:absolute;
    width:320px;
    height:320px;
    border-radius:50%;
    border:1px solid color-mix(in srgb,var(--brand) 10%,#eee);
    background:
        radial-gradient(circle at 38% 32%,#fff 0 15%,transparent 16%),
        linear-gradient(145deg,
        color-mix(in srgb,var(--brand) 10%,#fff),
        #fff);
    opacity:1;
    box-shadow:
        0 35px 80px color-mix(in srgb,var(--brand) 9%,transparent),
        inset 0 0 0 28px rgba(255,255,255,.55);
}

.store-page .hero-orbit .ui-icon{
    width:105px;
    height:105px;
    color:var(--brand);
    opacity:.13;
}

.store-page .hero-badges{
    width:290px;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px;
    position:relative;
    z-index:2;
}

.store-page .hero-badges>div{
    display:grid;
    grid-template-columns:42px 1fr;
    align-items:center;
    min-height:65px;
    padding:11px 14px;
    background:rgba(255,255,255,.93);
    border:1px solid rgba(230,230,230,.9);
    border-radius:15px;
    box-shadow:0 13px 35px rgba(25,25,25,.07);
    backdrop-filter:blur(10px);
}

.store-page .hero-badges>div:nth-child(1){
    transform:translateX(-25px);
}

.store-page .hero-badges>div:nth-child(3){
    transform:translateX(20px);
}

.store-page .hero-badges i{
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    margin:0;
    border-radius:10px;
    background:color-mix(in srgb,var(--brand) 8%,#fff);
    color:var(--brand);
}

.store-page .hero-badges span{
    padding-right:10px;
    color:#353535;
    font-size:10px;
    font-weight:800;
}

/* -----------------------------
   TRUST — lighter horizontal strip
------------------------------ */
.store-page .store-trust{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
    margin:0 0 65px;
    padding:16px 0;
    background:#fff;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
}

.store-page .store-trust>div{
    min-height:68px;
    padding:8px 22px;
    border:0;
    border-radius:0;
    box-shadow:none;
    background:transparent;
    display:grid;
    grid-template-columns:38px 1fr;
    align-items:center;
    column-gap:11px;
    position:relative;
}

.store-page .store-trust>div:not(:last-child):after{
    content:"";
    position:absolute;
    left:0;
    top:17%;
    height:66%;
    width:1px;
    background:#ededed;
}

.store-page .store-trust .ui-icon{
    grid-row:1/3;
    width:38px;
    height:38px;
    padding:9px;
    border-radius:11px;
    background:color-mix(in srgb,var(--brand) 7%,#fff);
    color:var(--brand);
}

.store-page .store-trust b{
    font-size:11px;
    color:#232323;
}

.store-page .store-trust small{
    color:#898989;
    font-size:8px;
}

/* -----------------------------
   PRODUCTS HEADING
------------------------------ */
.store-page .store-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin:0 0 23px;
}

.store-page .store-section-head span{
    color:var(--brand);
    font-size:10px;
    font-weight:900;
}

.store-page .store-section-head h2{
    margin:4px 0 0;
    color:#171717;
    font-size:32px;
    line-height:1.35;
    letter-spacing:-.6px;
}

.store-page .store-section-head p{
    max-width:330px;
    margin:0;
    color:#858585;
    font-size:10px;
    line-height:1.8;
}

/* -----------------------------
   SEARCH + FILTERS
------------------------------ */
.store-page .catalog-tools{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-bottom:26px;
}

.store-page .catalog-tools>label{
    width:min(100%,380px);
    height:48px;
    padding:0 15px;
    border:1px solid #e5e5e5;
    border-radius:12px;
    background:#fff;
    box-shadow:0 5px 18px rgba(0,0,0,.025);
}

.store-page .catalog-tools>label:focus-within{
    border-color:color-mix(in srgb,var(--brand) 45%,#ddd);
    box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 7%,transparent);
}

.store-page .catalog-tools button{
    min-height:38px;
    padding:0 16px;
    border:1px solid #e5e5e5;
    border-radius:10px;
    background:#fff;
    color:#555;
    font-size:9px;
    font-weight:800;
}

.store-page .catalog-tools button.active{
    border-color:#171717;
    background:#171717;
    color:#fff;
}

/* -----------------------------
   PRODUCT CARDS — clean premium
------------------------------ */
.store-page .store-products{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.store-page .store-product{
    overflow:hidden;
    border:0;
    border-radius:16px;
    background:#fff;
    box-shadow:
        0 1px 0 rgba(0,0,0,.06),
        0 12px 35px rgba(0,0,0,.045);
    transition:
        transform .25s ease,
        box-shadow .25s ease;
}

.store-page .store-product:hover{
    transform:translateY(-5px);
    box-shadow:
        0 1px 0 rgba(0,0,0,.05),
        0 22px 50px rgba(0,0,0,.085);
}

.store-page .product-visual{
    position:relative;
    aspect-ratio:1 / 1;
    overflow:hidden;
    background:#f5f5f5;
}

.store-page .product-visual img{
    width:100%;
    height:100%;
    display:block;
    aspect-ratio:auto;
    object-fit:cover;
    transition:transform .45s cubic-bezier(.2,.7,.2,1);
}

.store-page .store-product:hover .product-visual img{
    transform:scale(1.045);
}

.store-page .product-visual>span{
    position:absolute;
    right:11px;
    top:11px;
    margin:0;
    padding:6px 10px;
    border:0;
    border-radius:8px;
    background:rgba(255,255,255,.94);
    color:#252525;
    box-shadow:0 5px 16px rgba(0,0,0,.08);
    backdrop-filter:blur(8px);
    font-size:8px;
    font-weight:900;
}

.store-page .store-product>div:last-child{
    padding:16px 16px 17px;
}

.store-page .store-product h2{
    min-height:48px;
    margin:0 0 6px;
    color:#202020;
    font-size:14px;
    line-height:1.75;
    font-weight:800;
}

.store-page .store-card-copy{
    min-height:38px;
}

.store-page .store-card-copy p{
    height:38px;
    margin:0;
    color:#898989;
    font-size:9px;
    line-height:1.9;
    overflow:hidden;
}

.store-page .store-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid #f0f0f0;
}

.store-page .store-card-bottom strong{
    color:var(--brand);
    font-size:17px;
    line-height:1;
    font-weight:900;
}

.store-page .store-card-bottom strong small{
    font-size:7px;
    color:#8b8b8b;
}

.store-page .store-card-bottom span{
    display:flex;
    align-items:center;
    gap:4px;
    margin:0;
    padding:0;
    background:none;
    color:#404040;
    font-size:9px;
    font-weight:800;
}

.store-page .store-card-bottom .ui-icon{
    width:14px;
}

/* -----------------------------
   FOOTER
------------------------------ */
.store-page .public-footer{
    margin-top:85px;
    padding:36px 20px 42px;
    border-top:1px solid #ececec;
    background:#fff;
}

/* -----------------------------
   TABLET
------------------------------ */
@media(max-width:980px){
    .store-page .store-hero{
        grid-template-columns:1fr 360px;
        gap:25px;
    }

    .store-page .hero-copy h1{
        font-size:48px;
    }

    .store-page .store-products{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

/* -----------------------------
   MOBILE
------------------------------ */
@media(max-width:760px){
    .store-page{
        background:#fff;
    }

    .store-page .top-strip{
        height:28px;
        padding:0 10px;
        font-size:9px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .store-page .store-header{
        height:72px;
        padding:0 14px !important;
        justify-content:center !important;
        border-bottom:1px solid #f0f0f0;
    }

    .store-page .store-header nav,
    .store-page .header-cta{
        display:none !important;
    }

    .store-page .store-header .store-logo{
        width:100% !important;
        justify-content:center !important;
        margin:0 auto !important;
    }

    .store-page .store-header .store-logo-image{
        width:auto !important;
        height:52px !important;
        max-width:235px !important;
        margin:0 auto !important;
        object-fit:contain !important;
    }

    .store-page .store-shell{
        width:100%;
        padding:0 14px;
    }

    .store-page .store-hero{
        display:block;
        min-height:auto;
        margin:0;
        padding:43px 4px 29px;
        overflow:hidden;
        text-align:right;
    }

    .store-page .store-hero:before{
        width:270px;
        height:270px;
        left:-155px;
        top:-40px;
    }

    .store-page .store-hero:after{
        width:100px;
        height:100px;
        right:auto;
        left:15px;
        top:45%;
    }

    .store-page .hero-copy{
        max-width:none;
    }

    .store-page .hero-copy .eyebrow{
        margin-bottom:12px;
        padding:6px 10px;
        font-size:9px;
    }

    .store-page .hero-copy h1{
        max-width:520px;
        font-size:38px;
        line-height:1.2;
        letter-spacing:-1.3px;
    }

    .store-page .hero-copy>p{
        margin-top:16px;
        font-size:11px;
        line-height:1.9;
    }

    .store-page .hero-actions{
        align-items:stretch;
        flex-direction:column;
        gap:11px;
        margin-top:21px;
    }

    .store-page .hero-actions>a{
        width:100%;
        min-height:48px;
        border-radius:11px;
    }

    .store-page .hero-actions small{
        justify-content:center;
        font-size:9px;
    }

    .store-page .hero-showcase{
        min-height:auto;
        margin-top:29px;
    }

    .store-page .hero-orbit{
        display:none;
    }

    .store-page .hero-badges{
        width:100%;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:7px;
    }

    .store-page .hero-badges>div,
    .store-page .hero-badges>div:nth-child(1),
    .store-page .hero-badges>div:nth-child(3){
        min-height:76px;
        padding:10px 6px;
        transform:none;
        display:flex;
        flex-direction:column;
        justify-content:center;
        gap:6px;
        text-align:center;
        border-radius:12px;
        box-shadow:0 6px 18px rgba(0,0,0,.05);
    }

    .store-page .hero-badges i{
        width:31px;
        height:31px;
        padding:7px;
    }

    .store-page .hero-badges span{
        padding:0;
        font-size:7.5px;
        line-height:1.45;
    }

    .store-page .store-trust{
        grid-template-columns:1fr 1fr;
        gap:1px;
        margin:5px 0 42px;
        padding:0;
        background:#eeeeee;
        border:1px solid #eeeeee;
        border-radius:14px;
        overflow:hidden;
    }

    .store-page .store-trust>div{
        min-height:83px;
        padding:12px;
        background:#fff;
        grid-template-columns:34px 1fr;
        column-gap:8px;
    }

    .store-page .store-trust>div:not(:last-child):after{
        display:none;
    }

    .store-page .store-trust .ui-icon{
        width:34px;
        height:34px;
        padding:8px;
    }

    .store-page .store-trust b{
        font-size:9px;
    }

    .store-page .store-trust small{
        font-size:7px;
        line-height:1.5;
    }

    .store-page .store-section-head{
        display:block;
        margin-bottom:17px;
    }

    .store-page .store-section-head span{
        font-size:9px;
    }

    .store-page .store-section-head h2{
        margin-top:4px;
        font-size:24px;
        letter-spacing:-.3px;
    }

    .store-page .store-section-head p{
        display:none;
    }

    .store-page .catalog-tools{
        display:grid;
        gap:11px;
        margin-bottom:18px;
    }

    .store-page .catalog-tools>label{
        width:100%;
        height:45px;
    }

    .store-page .catalog-tools>div{
        display:flex;
        width:100%;
        gap:6px;
        overflow-x:auto;
        scrollbar-width:none;
        padding-bottom:2px;
    }

    .store-page .catalog-tools>div::-webkit-scrollbar{
        display:none;
    }

    .store-page .catalog-tools button{
        flex:0 0 auto;
        min-height:35px;
        padding:0 13px;
    }

    .store-page .store-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:10px;
    }

    .store-page .store-product{
        border-radius:12px;
        box-shadow:
            0 1px 0 rgba(0,0,0,.05),
            0 7px 20px rgba(0,0,0,.04);
    }

    .store-page .store-product:hover{
        transform:none;
    }

    .store-page .product-visual>span{
        right:7px;
        top:7px;
        padding:5px 7px;
        border-radius:7px;
        font-size:6.5px;
    }

    .store-page .store-product>div:last-child{
        padding:10px 10px 12px;
    }

    .store-page .store-product h2{
        min-height:40px;
        margin-bottom:4px;
        font-size:11px;
        line-height:1.7;
    }

    .store-page .store-card-copy{
        min-height:31px;
    }

    .store-page .store-card-copy p{
        height:31px;
        font-size:7.5px;
        line-height:1.7;
    }

    .store-page .store-card-bottom{
        display:grid;
        gap:7px;
        margin-top:10px;
        padding-top:9px;
    }

    .store-page .store-card-bottom strong{
        font-size:14px;
    }

    .store-page .store-card-bottom span{
        justify-content:space-between;
        font-size:7.5px;
    }

    .store-page .public-footer{
        margin-top:55px;
        padding-bottom:30px;
    }
}

/* very small phones */
@media(max-width:380px){
    .store-page .hero-copy h1{
        font-size:33px;
    }

    .store-page .store-shell{
        padding-left:10px;
        padding-right:10px;
    }

    .store-page .hero-badges{
        gap:5px;
    }

    .store-page .store-products{
        gap:7px;
    }
}

/* ===== END GARANTI PREMIUM HOME V2 ===== */



/* ===== GARANTI PREMIUM DELIVERY BAR V1 ===== */

.landing-page .premium-delivery-bar{
    width:100%;
    min-height:68px;
    margin:0 0 14px;
    padding:8px 12px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:0;
    border-radius:16px;
    border:1px solid rgba(111,72,43,.10);
    background:
        linear-gradient(135deg,
        rgba(255,250,246,.98),
        rgba(248,234,222,.92));
    box-shadow:
        0 10px 30px rgba(62,35,19,.07),
        inset 0 1px 0 rgba(255,255,255,.95);
    overflow:hidden;
}

.landing-page .delivery-benefit{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:4px 12px;
}

.landing-page .delivery-benefit > span:last-child{
    display:flex;
    flex-direction:column;
    text-align:right;
    line-height:1.35;
}

.landing-page .delivery-benefit b{
    font-size:11px;
    font-weight:900;
    color:#29211c;
    white-space:nowrap;
}

.landing-page .delivery-benefit small{
    margin-top:2px;
    font-size:8px;
    font-weight:600;
    color:#84756b;
    white-space:nowrap;
}

.landing-page .delivery-icon{
    flex:0 0 36px;
    width:36px;
    height:36px;
    display:grid;
    place-items:center;
    border-radius:11px;
    background:#fff;
    font-size:17px;
    box-shadow:
        0 6px 18px rgba(73,42,23,.09),
        inset 0 0 0 1px rgba(100,65,42,.06);
}

.landing-page .delivery-divider{
    flex:0 0 1px;
    width:1px;
    height:31px;
    background:linear-gradient(
        180deg,
        transparent,
        rgba(91,64,45,.18),
        transparent
    );
}

@media(max-width:650px){

    .landing-page .premium-delivery-bar{
        width:calc(100% - 24px);
        min-height:62px;
        margin:0 12px 10px;
        padding:7px 5px;
        border-radius:14px;
    }

    .landing-page .delivery-benefit{
        flex-direction:column;
        gap:3px;
        padding:3px 2px;
    }

    .landing-page .delivery-icon{
        flex-basis:28px;
        width:28px;
        height:28px;
        border-radius:9px;
        font-size:13px;
    }

    .landing-page .delivery-benefit > span:last-child{
        text-align:center;
        align-items:center;
    }

    .landing-page .delivery-benefit b{
        font-size:8.5px;
        line-height:1.25;
        white-space:normal;
    }

    .landing-page .delivery-benefit small{
        display:none;
    }

    .landing-page .delivery-divider{
        height:32px;
    }
}

/* ===== END GARANTI PREMIUM DELIVERY BAR V1 ===== */

/* ===== GARANTI PREMIUM TOP STRIP V1 ===== */

.landing-page .top-strip{
    position:relative;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    overflow:hidden;

    background:
        radial-gradient(circle at 50% 120%,rgba(255,255,255,.10),transparent 48%),
        linear-gradient(135deg,#181512 0%,#0f0e0d 50%,#1c1815 100%);

    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.05px;
    text-align:center;

    border-bottom:1px solid rgba(255,255,255,.08);

    box-shadow:
        0 6px 24px rgba(0,0,0,.12),
        inset 0 -1px 0 rgba(255,255,255,.04);

    z-index:10;
}

.landing-page .top-strip::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-35%;
    width:24%;
    pointer-events:none;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.08),
        transparent
    );

    transform:skewX(-22deg);
    animation:garantiTopShine 7s ease-in-out infinite;
}

.landing-page .top-strip::after{
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    width:76px;
    height:2px;
    transform:translateX(-50%);

    border-radius:999px;

    background:linear-gradient(
        90deg,
        transparent,
        var(--brand),
        transparent
    );

    opacity:.85;
}

@keyframes garantiTopShine{
    0%,72%{
        left:-35%;
    }

    100%{
        left:120%;
    }
}

@media(max-width:650px){
    .landing-page .top-strip{
        height:34px;
        padding:0 12px;
        font-size:9px;
        line-height:1.35;
    }

    .landing-page .top-strip::after{
        width:55px;
    }
}

/* ===== END GARANTI PREMIUM TOP STRIP V1 ===== */



/* ===== GLOBAL PUBLIC LOGO V1 ===== */

.footer-brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.footer-logo{
    display:block;
    width:auto;
    max-width:170px;
    height:44px;
    object-fit:contain;
    margin:0 auto;
}

.footer-logo.text-logo{
    height:auto;
    font-size:18px;
    font-weight:900;
    color:var(--brand);
}

.public-page-header{
    justify-content:center;
}

.public-page-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:auto;
}

.page-logo-image{
    display:block;
    width:auto !important;
    max-width:190px;
    height:48px !important;
    object-fit:contain !important;
    border-radius:0 !important;
    background:transparent !important;
}

.page-logo-image.text-logo{
    height:auto !important;
    font-size:21px;
    font-weight:900;
    color:var(--brand);
}

@media(max-width:650px){
    .footer-logo{
        max-width:150px;
        height:40px;
    }

    .page-logo-image{
        max-width:165px;
        height:44px !important;
    }

    .public-page-header{
        height:72px;
        padding:0 15px;
    }
}

/* ===== END GLOBAL PUBLIC LOGO V1 ===== */



/* ===== SINGLE CUSTOMER GROUP IMAGE V1 ===== */

.avatar-group-setting{
    max-width:100%;
}

.avatar-group-setting .upload-box{
    min-height:180px;
}

.avatar-group-setting .upload-image-preview img{
    width:100%;
    max-height:210px;
    object-fit:contain;
}

.avatar-stack .avatar-slice{
    position:relative;
    width:34px;
    height:34px;
    flex:0 0 34px;
    overflow:hidden;
    border-radius:50%;
    border:2px solid #fff;
    margin-left:-8px;
    background:#eee;
}

.avatar-stack .avatar-slice img{
    position:absolute;
    top:0;
    width:136px;
    height:34px;
    max-width:none;
    object-fit:cover;
    margin:0;
    border:0;
    border-radius:0;
}

.avatar-stack .avatar-slice-0 img{
    left:0;
}

.avatar-stack .avatar-slice-1 img{
    left:-34px;
}

.avatar-stack .avatar-slice-2 img{
    left:-68px;
}

.avatar-stack .avatar-slice-3 img{
    left:-102px;
}

@media(max-width:650px){
    .avatar-group-setting .upload-box{
        min-height:150px;
    }
}

/* ===== END SINGLE CUSTOMER GROUP IMAGE V1 ===== */