/* Production styles derived from the two supplied Dawn/COD design artifacts. */
:root{--header-bg:#fff;--header-color:#171717;--footer-bg:#171717;--footer-color:#fff;--hero-text:#171717;--hero-align:start;--hero-height:620px;--hero-overlay:10%;--image-fit:contain;--image-ratio:1;--logo-size:42px;--button-radius:99px;--card-gap:20px;--mobile-columns:2;--price-color:#171717;--site-font:"Cairo",Tahoma,sans-serif;--promo-bg:#171717;--promo-color:#fff;--promo-speed:15s}
body,header,footer,.ea-root,.site-header,.site-footer,button,input,select,textarea,.nav-links,.hero,.section{font-family:var(--site-font)!important}
#promo,.promo{background:var(--promo-bg)!important;color:var(--promo-color)!important;overflow:hidden;position:relative}
.promo-marquee{display:flex;overflow:hidden;user-select:none;width:100%}
.promo-track{display:flex;align-items:center;flex-shrink:0;min-width:100%;justify-content:space-around;gap:3rem;padding-inline:1.5rem;will-change:transform}
.promo-track.dir-rtl{animation:promo-marquee-rtl var(--promo-speed,15s) linear infinite}
.promo-track.dir-ltr{animation:promo-marquee-ltr var(--promo-speed,15s) linear infinite}
#promo:hover .promo-track,.promo:hover .promo-track{animation-play-state:paused}
@keyframes promo-marquee-rtl{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@keyframes promo-marquee-ltr{from{transform:translateX(-100%)}to{transform:translateX(0)}}
.promo-item{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}
body[data-store-theme="electronic-accessories"]{--brand:#6d28d9;--accent:#ec4899;--soft:#f1eef9;--line:#e9e5f1;--header-bg:#fff;--footer-bg:#211a34;--primary:#6d28d9}body[data-store-theme="electronic-accessories"] #hero{background:linear-gradient(120deg,#f4efff 0%,#fff 58%,#fcecf5 100%);box-shadow:0 18px 50px rgb(109 40 217 / 12%)}body[data-store-theme="electronic-accessories"] .cod-hero .hero-media{background:linear-gradient(145deg,#fff,#f4efff);border-color:#e9e0f7}body[data-store-theme="electronic-accessories"] .pill.primary,body[data-store-theme="electronic-accessories"] .product-button{box-shadow:0 8px 18px rgb(109 40 217 / 18%)}body[data-store-theme="electronic-accessories"] .section-heading .eyebrow{color:#6d28d9}body[data-store-theme="electronic-accessories"] .product-card{box-shadow:0 10px 30px rgb(109 40 217 / 7%)}
.site-header{max-width:none;background:var(--header-bg);color:var(--header-color);padding-inline:max(24px,calc((100vw - var(--max-width))/2));border-bottom:1px solid var(--line);min-height:76px;z-index:50}.header-sticky .site-header{position:sticky;top:0}.brand img{width:var(--logo-size);height:var(--logo-size)}.site-header nav{border:0}.hero{min-height:var(--hero-height);gap:48px;text-align:var(--hero-align)}.hero-copy{position:relative;z-index:2;color:var(--hero-text)}.hero-copy h1{color:var(--hero-text)}.hero-copy #hero-description{color:inherit;opacity:.8}.hero-accent{display:inline-block;background:var(--promo-bg);color:var(--promo-color);border-radius:99px;padding:0 .22em;transform:rotate(-1.2deg)}.pill,.product-button,.bb-btn{border-radius:var(--button-radius)}.collection-grid,.bb-grid{gap:var(--card-gap);grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.product-visual,.bb-card__media{position:relative;aspect-ratio:var(--image-ratio)}.product-photo,.bb-card__media img{object-fit:var(--image-fit)}.product-price,.bb-price{color:var(--price-color)}.product-card,.bb-card{border-radius:var(--card-radius)}.hide-stock .bb-stock,.hide-stock .bb-stockline{display:none}.hide-related .bb-related{display:none}.bb-product{max-width:var(--max-width);grid-template-columns:1.1fr 1fr}.about-layout{grid-template-columns:1fr 1fr}.story-image{width:100%;max-height:520px;object-fit:cover;border-radius:var(--card-radius)}.story-image[hidden]+div{grid-column:1/-1}.steps{padding-block:var(--section-space)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps-grid article{border:1px solid var(--line);border-radius:var(--card-radius);padding:28px;background:var(--card)}.steps-grid b{font-size:40px;opacity:.3}.featured-product{margin-top:24px;display:grid;gap:10px}.featured-product strong{font-size:24px}.hero-secondary{margin-inline-start:12px}.dawn-hero{position:relative;display:flex;align-items:center;border-radius:32px;overflow:hidden;margin-block:28px;padding:60px;isolation:isolate;background:var(--soft)}.dawn-hero .hero-copy{max-width:660px}.dawn-hero .hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.dawn-hero:after{content:"";position:absolute;inset:0;background:rgb(0 0 0 / var(--hero-overlay));z-index:-1}.cod-hero .hero-media{border:1px solid var(--line);background:var(--soft);border-radius:var(--card-radius);padding:20px;order:2}.cod-hero .hero-media img{width:100%;aspect-ratio:1;object-fit:contain}.cod-hero .hero-copy{order:1}.policy-content{white-space:normal;overflow-wrap:anywhere;line-height:1.9}.policy-content a{text-decoration:underline}.policy-card{padding:28px;border:1px solid var(--line);background:var(--card);border-radius:var(--card-radius);margin:24px 0}.policy-shell{min-height:55vh;padding-block:40px}.site-footer{background:var(--footer-bg);color:var(--footer-color)}
@media(max-width:800px){.site-header{padding-inline:18px}.hero{min-height:0;padding-block:34px}.dawn-hero{margin:16px;padding:32px 22px;min-height:min(var(--hero-height),600px)}.cod-hero{display:flex;flex-direction:column;gap:24px}.cod-hero .hero-media{order:0;width:100%;max-width:480px}.hero h1{font-size:min(var(--title-size),44px)}.steps-grid,.about-layout{grid-template-columns:1fr}.collection-grid,.bb-grid{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr));gap:12px}.hero-secondary{margin:12px 0}.steps{padding-block:40px}}

@media(max-width:800px){
  .collection-grid,.bb-grid{display:flex!important;grid-template-columns:none!important;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:0 2px 12px;gap:14px}
  .collection-grid>.product-card,.bb-grid>.bb-card{flex:0 0 min(82vw,320px);min-width:0;scroll-snap-align:start}
  .site-header .brand{min-width:0;max-width:70%;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}
  .site-header .brand img{flex:0 0 auto;width:36px;height:36px}
  .bb-product{width:100%;min-width:0;grid-template-columns:minmax(0,1fr)!important;gap:20px}
  .bb-gallery,.bb-info{width:100%;min-width:0}
  .bb-product__title{font-size:clamp(24px,7vw,34px);line-height:1.25;letter-spacing:normal;overflow-wrap:anywhere;word-break:normal}
  .site-footer{padding-block:28px}
  .footer-grid{gap:18px}
}

@media(max-width:640px){
  .policy-shell{padding:24px 16px;min-height:0}
  .policy-shell h1{font-size:clamp(26px,8vw,36px);line-height:1.25;overflow-wrap:anywhere}
  .policy-card{padding:16px;border-radius:16px;margin:14px 0}
  .policy-card h2{font-size:19px;line-height:1.4}
  .policy-content{font-size:15px;line-height:1.85;overflow-wrap:anywhere;word-break:normal}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .footer-grid> :first-child{grid-column:1/-1}
  .footer-grid nav a{font-size:13px;overflow-wrap:anywhere}
  .site-footer{padding-block:26px}
}

@media(max-width:800px){
  body[data-baha-page="products"] .bb-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible;scroll-snap-type:none;gap:10px;padding:0 0 16px}
  body[data-baha-page="products"] .bb-grid>.bb-card{flex:initial;width:auto;scroll-snap-align:none;border-radius:14px}
  body[data-baha-page="products"] .bb-card__body{padding:10px}
  body[data-baha-page="products"] .bb-card__name{font-size:13px;line-height:1.45}
  body[data-baha-page="products"] .bb-card__price{font-size:13px;gap:4px;flex-wrap:wrap}
  body[data-baha-page="products"] .bb-btn{font-size:12px;padding:9px 7px}
  .bb-card__discount{position:absolute;z-index:2;inset-block-start:10px;inset-inline-start:10px;padding:4px 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:800}
  .product-stock,.bb-stock{font-size:11px}
}


.baha-like-wrap{display:inline-flex;align-items:center;gap:8px;margin-top:14px;margin-bottom:8px;}
.baha-like-btn.baha-like-overlay{position:absolute;top:10px;inset-inline-end:10px;z-index:10;}

@media(max-width:640px){
  .site-footer .footer-grid,.footer .footer-grid,.store-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;text-align:start;gap:16px 12px}
  .site-footer .footer-grid> :first-child,.footer .footer-grid> :first-child,.store-footer .footer-grid> :first-child{grid-column:1/-1}
  .site-footer .footer-grid nav,.footer .footer-grid nav,.store-footer .footer-grid .footer-col{min-width:0;text-align:start}
  .site-footer .footer-grid nav h3,.site-footer .footer-grid nav h4,.footer .footer-grid nav h3,.footer .footer-grid nav h4,.store-footer .footer-grid h4{margin:0 0 8px;font-size:14px}
  .site-footer .footer-grid nav a,.footer .footer-grid nav a,.store-footer .footer-col-links a{display:flex;justify-content:flex-start;align-items:center;min-height:34px;margin:0;padding-block:4px;text-align:start;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
  .store-footer-extras{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;justify-content:stretch!important;margin:0 0 16px!important;text-align:start}
  .store-footer-extras>div{min-width:0;text-align:start!important}
  .store-footer-extras a{display:block;min-height:32px;margin:0 0 4px!important;line-height:1.5;overflow-wrap:anywhere}
  .store-footer-extras h3,.store-footer-extras h4{margin:0 0 8px}
}

@media(max-width:800px){.baha-features-root,.bb-info .bb-options,.bb-info .bb-meta{max-width:100%;min-width:0;overflow-wrap:anywhere}.bb-info .bb-options select{max-width:100%;min-width:0}.bb-info .bb-stock{overflow-wrap:anywhere}}