/* Bilgisayar AVM retail redesign v2 — loaded after site.css to ensure the new design wins. */
:root{--ink:#14233f;--ink-2:#253b5f;--muted:#5f6f86;--muted-2:#8491a4;--line:#dfe6ef;--paper:#f4f7fb;--paper-2:#f9fbfe;--white:#fff;--orange:#ff6b2c;--orange-dark:#e95419;--orange-soft:#fff0e8;--lime:#dfff53;--green:#16865f;--radius:16px;--shadow:0 14px 34px rgba(19,48,88,.08);--page:min(1320px,calc(100% - 56px))}
html{scroll-padding-top:130px}body{background:#f5f7fb;color:#172944;font-size:15px;line-height:1.55}a,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.announcement-bar{height:38px;background:#ff6b2c;color:#fff;font-size:11px;letter-spacing:.65px}.announcement-spark{color:#fff}.announcement-separator{color:#ffd5c3}.announcement-sub{color:#fff0e9}.utility-bar{background:#f2f6fc;border-bottom:1px solid #dfe7f1}.utility-inner{min-height:37px;color:#536780;font-size:11px}.utility-inner a{color:#174a91}.utility-inner a span{color:#ff6b2c}.site-header{position:relative;background:#fff;border-bottom:1px solid #dce5f0;box-shadow:0 5px 18px rgba(19,48,88,.04)}.header-main{min-height:94px;gap:30px}.brand{gap:12px}.brand-mark{width:48px;height:48px;border-radius:14px;background:#164a91;box-shadow:0 8px 18px #164a9128;transform:none}.brand-mark>span{font-size:25px}.brand-word{font-size:22px;color:#152c4b}.brand-word>span{color:#ff6b2c}.brand-word small{font-size:8px;letter-spacing:1.25px;color:#61738d}.search{height:50px;max-width:650px;background:#f5f8fc;border:1px solid #d8e1ed;border-radius:9px}.search:focus-within{border-color:#729bd4;box-shadow:0 0 0 4px #164a9113;background:white}.search-symbol{color:#71849d}.search input{font-size:13px}.search button{background:#ff6b2c;padding:0 22px;font-size:13px}.search button:hover,.add-to-cart-btn:hover,.btn-primary:hover{background:#e95419}.header-actions{gap:19px}.account-link,.cart-link{gap:10px}.action-icon{width:42px;height:42px;border-radius:11px;background:#eef4fb;color:#164a91}.cart-count{background:#ff6b2c}.category-nav{min-height:47px;background:#174a91;color:white;padding:0 max(28px,calc((100% - 1320px)/2));gap:0;overflow-x:auto;scrollbar-width:thin}.category-nav>a{height:47px;display:flex;align-items:center;white-space:nowrap;padding:0 15px;border-right:1px solid #ffffff1b;color:#edf5ff;font-size:12px;font-weight:700}.category-nav>a:hover{background:#10396f;color:#fff}.category-nav .nav-all{background:#10396f;color:#fff;padding-left:18px;padding-right:21px}.category-nav .nav-all span{margin-right:9px;color:#ffc4a8}
.hero{width:var(--page);max-width:1320px;margin:30px auto 24px;min-height:420px;grid-template-columns:minmax(0,1fr) minmax(390px,.86fr);gap:28px;padding:44px 46px;background:linear-gradient(115deg,#fff 0%,#f3f7ff 61%,#e7f0ff 100%);border:1px solid #dce7f6;border-radius:22px;box-shadow:0 18px 42px rgba(22,63,118,.07);overflow:hidden}.hero-copy{align-self:center;max-width:620px}.hero-label{display:inline-flex;align-items:center;background:#eaf1fc;color:#174a91;border:1px solid #d8e5f7;padding:8px 13px;border-radius:99px;font-size:10px;letter-spacing:.7px}.hero-label>span{background:#ff6b2c;box-shadow:0 0 0 4px #ff6b2c1c}.hero h1{margin:22px 0 16px;font-size:clamp(38px,4.3vw,59px);line-height:1.04;letter-spacing:-2.7px;color:#142b4c}.hero h1 span{color:#174a91}.hero-copy>p{max-width:550px;font-size:16px;line-height:1.8;color:#5b6e88}.hero-actions{margin-top:26px;gap:14px}.btn{border-radius:9px;min-height:46px;padding:0 19px;font-size:13px;font-weight:800}.btn-primary{background:#ff6b2c;color:white;box-shadow:0 7px 16px #ff6b2c30}.hero-secondary{font-size:13px;font-weight:800;color:#174a91}.hero-secondary span{color:#ff6b2c}.hero-trust{margin-top:23px;gap:18px;color:#63748d}.hero-trust span{font-size:11px}.hero-trust i{background:#e4f6ed;color:#15845b;width:19px;height:19px}.hero-visual{min-height:330px;border-radius:18px;background:linear-gradient(145deg,#164a91,#102b53 72%);box-shadow:0 20px 38px #174a912e}.hero-grid{opacity:.24}.hero-orb{opacity:.78}.chip-card{box-shadow:0 22px 45px #06172f80;border:1px solid #ffffff30}.chip-label{color:#fff}.chip-bottom{color:#c7d9f1}.hero-float-card{background:#fff;color:#172944;border:1px solid #dce5f1;border-radius:12px;box-shadow:0 14px 28px #081a3530}.hero-float-card small{color:#77869b}.hero-float-card strong{color:#173456}.float-icon{background:#e8f1ff;color:#174a91}.float-icon.orange{background:#fff0e8;color:#ff6b2c}.hero-sticker{background:#ff6b2c;color:#fff;box-shadow:0 12px 26px #081a3533;transform:rotate(5deg)}
.service-strip{width:var(--page);max-width:1320px;margin:0 auto 50px;border:1px solid #dfe7f1;background:#fff;border-radius:14px;box-shadow:0 8px 24px rgba(19,48,88,.045);padding:15px 22px}.service-strip>div{gap:12px;padding:9px 14px;border-right:1px solid #e9eef5}.service-icon{width:42px;height:42px;border-radius:12px;background:#eaf2fd;color:#174a91;font-size:20px}.service-strip p strong{font-size:12px;color:#1b3557}.service-strip p small{font-size:11px;color:#718199}.section{width:var(--page);max-width:1320px;margin:0 auto 58px}.section-heading{margin-bottom:22px;align-items:end}.eyebrow{color:#ed5d24;font-size:10px;letter-spacing:1.15px;font-weight:900}.section-heading h2{margin:8px 0 5px;font-size:30px;letter-spacing:-1.05px;color:#142b4c}.section-heading p{font-size:13px;color:#6c7d94;margin:0}.text-link{color:#174a91;font-size:12px;font-weight:800}.text-link span{color:#ff6b2c}.category-grid{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.category-tile{min-height:170px;padding:23px;border:1px solid #dfe7f1;border-radius:15px;background:#fff;box-shadow:0 7px 18px rgba(19,48,88,.035)}.category-tile:hover{transform:translateY(-4px);border-color:#b7cce7;box-shadow:0 14px 28px rgba(19,48,88,.09)}.category-art{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#eaf2fd;color:#174a91;font-size:23px}.category-meta{font-size:9px;letter-spacing:1px;color:#8b99ac;margin:15px 0 7px}.category-tile strong{font-size:17px;color:#1b3557}.category-tile small{font-size:12px;color:#708098}.category-arrow{color:#ff6b2c}.category-gpu .category-art,.category-gear .category-art{background:#fff0e8;color:#ed5d24}.category-cpu .category-art,.category-ram .category-art{background:#e9f7f1;color:#14835a}.category-ssd .category-art{background:#f0ecff;color:#7253ce}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid #dfe6ef;border-radius:14px;background:#fff;box-shadow:0 7px 22px rgba(19,48,88,.045);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.product-card:hover{transform:translateY(-4px);border-color:#c0d3eb;box-shadow:0 16px 34px rgba(19,48,88,.1)}.product-image{min-height:188px;background:linear-gradient(145deg,#eff5fd,#e6eef9);border-bottom:1px solid #e2eaf4}.product-halo{background:radial-gradient(circle,#c8dbf3 0%,#e4eefb 58%,transparent 72%)}.product-visual-label{color:#7d91ab}.product-placeholder{color:#174a91}.product-badge{background:#ff6b2c;color:#fff;border-radius:4px;font-size:9px}.product-info{padding:16px 16px 12px}.product-info>small{font-size:10px;color:#8291a5}.product-info h3{font-size:14px;line-height:1.45;min-height:40px;color:#1a3456}.product-info>p{font-size:11px;line-height:1.55;color:#74839a}.product-price-row strong{font-size:20px;color:#142b4c}.product-price-row strong small{font-size:12px}.stock-pill{font-size:9px;padding:5px 8px;border-radius:6px}.in-stock{background:#e7f7ef;color:#16845b}.out-stock{background:#fff1e8;color:#b84d21}.add-to-cart-btn{margin:0 12px 12px;width:calc(100% - 24px);min-height:40px;background:#174a91;color:#fff;border-radius:8px;font-size:12px;font-weight:800}.add-to-cart-btn:hover{background:#10396f}.add-to-cart-btn:disabled{opacity:.48}.newsletter-band{width:var(--page);max-width:1320px;margin:0 auto 60px;padding:27px 32px;background:#174a91;border-radius:17px;color:#fff;display:flex;align-items:center;gap:20px;box-shadow:0 15px 30px #174a9125}.newsletter-symbol{width:50px;height:50px;display:grid;place-items:center;background:#ffffff18;color:#ffd7c5;border-radius:14px;font-size:23px}.newsletter-band .eyebrow{color:#ffcfb8}.newsletter-band h2{font-size:23px;margin:4px 0}.newsletter-band p{margin:0;color:#dae7f9;font-size:12px}.btn-dark{margin-left:auto;background:#ff6b2c;color:white;border-radius:9px;white-space:nowrap}.btn-dark:hover{background:#e95419}
.catalog-hero,.content-hero{background:linear-gradient(120deg,#eaf2fd,#f8fbff);border-bottom:1px solid #dce7f5;color:#173254}.catalog-hero-inner,.content-hero-inner{max-width:1320px;width:var(--page);padding-top:36px;padding-bottom:38px}.breadcrumbs,.product-breadcrumbs{font-size:11px;color:#75859b}.breadcrumbs a,.product-breadcrumbs a{color:#174a91;font-weight:700}.content-hero .eyebrow,.catalog-hero .eyebrow{display:inline-block;margin-top:19px;color:#ed5d24}.content-hero h1,.catalog-hero h1{font-size:clamp(32px,4vw,45px);letter-spacing:-1.3px;color:#142b4c;margin:9px 0}.content-hero p,.catalog-hero p{max-width:800px;font-size:14px;line-height:1.8;color:#61738c}.content-hero-orbit{background:#d8e7fa;color:#174a91;border:1px solid #c0d6f2;box-shadow:0 0 0 18px #e3edfb,0 0 0 38px #ecf3fc}.content-hero-orbit span{background:#174a91;color:#fff}.content-page-shell{max-width:1170px;width:var(--page);margin:32px auto 68px}.editorial-notice{border:1px solid #f2d2a2;background:#fff8e9;color:#795522;border-radius:12px;padding:16px 19px}.notice-symbol{background:#ffe7b6;color:#885900;border-radius:8px}.editorial-notice p{font-size:12px;line-height:1.75}.content-page-grid{gap:25px;grid-template-columns:270px minmax(0,1fr);margin-top:24px}.page-contents,.content-sections,.cart-main-panel,.cart-summary{background:#fff;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 8px 24px rgba(19,48,88,.04)}.page-contents{padding:19px;height:max-content;position:sticky;top:18px}.page-contents-title{font-size:10px;color:#7e8fa6;letter-spacing:1.1px}.page-contents a{font-size:12px;color:#334c6e;padding:12px 4px;border-bottom:1px solid #edf1f6}.page-contents a>span{color:#ed5d24;font-weight:800;margin-right:10px}.page-contents a:hover{color:#174a91}.page-contents .contents-help{background:#edf4fd;border:1px solid #dce9f8;border-radius:8px;padding:12px;margin-top:12px}.content-sections{padding:7px 27px}.content-section{gap:18px;padding:24px 0;border-bottom:1px solid #edf1f6}.section-number{width:36px;height:36px;border-radius:10px;background:#eaf2fd;color:#174a91;font-size:12px}.content-section h2{font-size:18px;color:#183557}.content-section p,.content-section li{font-size:13px;line-height:1.85;color:#5e6f87}.content-footer-note{padding:17px;background:#edf8f3;border-radius:10px;color:#1a7555;margin:18px 0}.content-footer-note p{font-size:12px}.cart-shell{max-width:1320px;width:var(--page);margin:30px auto 70px;grid-template-columns:minmax(0,1fr) 360px;gap:22px}.cart-main-panel,.cart-summary{padding:24px}.cart-panel-heading h2,.cart-summary h2{font-size:19px;color:#173254}.cart-panel-heading p{font-size:12px;color:#75859b}.cart-panel-heading>a{color:#174a91;font-weight:800;font-size:12px}.cart-empty{padding:44px 20px}.cart-empty-icon{background:#eaf2fd;color:#174a91}.cart-empty h3{font-size:19px}.cart-empty p,.checkout-note{font-size:12px;line-height:1.75;color:#75859b}.summary-line{font-size:12px;color:#687991}.summary-total{border-top:1px solid #e5ebf3;color:#173254}.summary-total strong{font-size:23px}.checkout-btn{width:100%}.summary-trust{background:#eaf8f1;color:#17734e;border-radius:8px;font-size:11px;padding:11px}
.product-detail{max-width:1320px;width:var(--page);margin:34px auto 60px;gap:32px}.detail-image{background:linear-gradient(145deg,#eff5fd,#e2edf9);border:1px solid #dce7f5;border-radius:16px;min-height:400px}.detail-product-glyph,.detail-product-icon{color:#174a91}.detail-info h1{font-size:clamp(28px,3vw,39px);color:#142b4c;letter-spacing:-1.2px}.detail-info>p{color:#62738b;font-size:14px;line-height:1.8}.specs-card,.product-description-block{border:1px solid #dfe7f1;border-radius:12px;background:#fff;padding:22px}.specs-card h2,.product-description-block h2{font-size:17px;color:#173254}.specs dt,.specs dd{font-size:12px}.product-assurances>div{background:#f3f7fc;border:1px solid #e1e9f3;border-radius:9px}
.site-footer{background:#102849;color:#dfe9f7;margin-top:35px}.footer-main{max-width:1320px;width:var(--page);padding:50px 0 40px;grid-template-columns:1.5fr .8fr .9fr 1fr;gap:32px}.footer-brand .brand-mark{background:#ff6b2c}.footer-brand .brand-word{color:#fff}.footer-brand .brand-word small{color:#a6bad6}.footer-brand-block>p,.footer-promise p{font-size:12px;line-height:1.8;color:#a9bbd4}.footer-pills span{font-size:8px;background:#ffffff12;color:#cedbed;border:1px solid #ffffff1b}.footer-column h2,.footer-promise h2{font-size:13px;color:#fff}.footer-column a{font-size:12px;color:#b8c9df}.footer-column a:hover{color:#ffb28f}.footer-promise{border-left:1px solid #ffffff20;padding-left:24px}.promise-icon{background:#ffffff15;color:#ffb28f}.footer-promise>a{font-size:12px;color:#ffb28f;font-weight:800}.footer-bottom{max-width:1320px;width:var(--page);border-top:1px solid #ffffff20;color:#97acc8;font-size:10px;padding:17px 0;gap:15px}
:focus-visible{outline-color:#ff6b2c!important}.catalog-unavailable,.catalog-empty{background:#fff;border:1px solid #dfe7f1;border-radius:13px;color:#60728a}
@media(max-width:1000px){:root{--page:min(100% - 36px,1320px)}.header-main{gap:16px;flex-wrap:wrap;padding:16px 0}.search{order:3;max-width:none;flex-basis:100%}.header-actions{gap:12px}.hero{grid-template-columns:1fr;padding:31px;gap:22px}.hero-visual{min-height:310px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.service-strip>div:nth-child(2){border-right:0}.content-page-grid{grid-template-columns:220px minmax(0,1fr)}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-promise{border-left:0;padding-left:0}.cart-shell{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:680px){:root{--page:calc(100% - 28px)}.announcement-bar{padding:0 10px;font-size:9px;letter-spacing:.2px;gap:5px}.announcement-sub{display:none}.utility-inner{gap:10px;flex-wrap:wrap;padding:8px 0;font-size:9px}.utility-inner>span:nth-child(2){display:none}.header-main{min-height:auto;padding:14px 0}.brand-mark{width:42px;height:42px}.brand-word{font-size:19px}.header-actions{margin-left:auto}.account-link{display:none}.action-icon{width:36px;height:36px}.category-nav{padding:0 14px}.category-nav>a{padding:0 12px;font-size:11px}.hero{margin-top:17px;padding:24px 20px;border-radius:16px;min-height:0}.hero h1{font-size:37px;letter-spacing:-1.8px;margin-top:16px}.hero-copy>p{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:245px;transform:none}.hero-float-card{max-width:190px;padding:9px}.hero-float-card strong{font-size:10px}.hero-sticker{display:none}.service-strip{grid-template-columns:1fr;padding:9px 13px;margin-bottom:35px}.service-strip>div{border-right:0;border-bottom:1px solid #e9eef5;padding:10px 2px}.service-strip>div:last-child{border-bottom:0}.section{margin-bottom:40px}.section-heading{align-items:flex-start;gap:14px;flex-direction:column}.section-heading h2{font-size:25px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-tile{min-height:160px;padding:15px}.category-tile strong{font-size:14px}.category-tile small{font-size:11px}.category-art{width:40px;height:40px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{min-height:135px}.product-info{padding:12px 11px}.product-info h3{font-size:12px;min-height:42px}.product-info>p{font-size:10px}.product-price-row{align-items:flex-start;gap:8px;flex-direction:column}.product-price-row strong{font-size:17px}.add-to-cart-btn{margin:0 9px 9px;width:calc(100% - 18px);font-size:11px}.newsletter-band{padding:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:38px}.newsletter-band h2{font-size:19px}.newsletter-band>div:nth-child(2){flex:1;min-width:180px}.newsletter-band .btn{margin-left:0}.content-hero-inner,.catalog-hero-inner{padding-top:24px;padding-bottom:25px}.content-hero h1,.catalog-hero h1{font-size:32px}.content-hero-orbit{display:none}.content-page-shell{margin:20px auto 40px}.content-page-grid{grid-template-columns:1fr}.page-contents{position:static}.content-sections{padding:6px 17px}.content-section{gap:12px;padding:20px 0}.content-section h2{font-size:16px}.content-section p,.content-section li{font-size:12px}.cart-shell{grid-template-columns:1fr;margin-top:19px}.cart-main-panel,.cart-summary{padding:17px}.cart-panel-heading{align-items:flex-start;flex-direction:column}.product-detail{grid-template-columns:1fr;margin:20px auto 40px;gap:20px}.detail-image{min-height:260px}.detail-info h1{font-size:27px}.footer-main{grid-template-columns:1fr 1fr;gap:25px;padding:33px 0}.footer-brand-block{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column;padding:14px 0}.footer-column h2,.footer-promise h2{font-size:12px}.footer-column a{font-size:11px}.footer-promise{grid-column:1/-1}}


/* Real Bilgisayar AVM logo mark (generated artwork, replacing the temporary B/AVM tile). */
img.brand-mark.brand-mark-image{display:block;width:50px;height:48px;flex:0 0 50px;object-fit:contain;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;color:inherit;line-height:normal}
.footer-brand img.brand-mark.brand-mark-image{width:49px;height:45px;flex-basis:49px}
@media(max-width:720px){img.brand-mark.brand-mark-image{width:43px;height:43px;flex-basis:43px}.brand{gap:8px}.brand-word{font-size:19px}.brand-word small{font-size:6px;letter-spacing:.8px}}

/* Temporary merchandising layout adjustments: keep both promotional bars in markup, but do not render them. */
.announcement-bar,
.utility-bar {
  display: none !important;
}

/* Compact category header to put the catalogue higher in the viewport. */
.catalog-hero {
  min-height: 0;
}

.catalog-hero-inner {
  padding-top: 17px;
  padding-bottom: 19px;
}

.catalog-hero .breadcrumbs {
  margin: 0 0 10px;
  gap: 8px;
  line-height: 1.35;
}

.catalog-hero .eyebrow {
  margin: 0 0 4px;
  line-height: 1.3;
}

.catalog-hero h1 {
  margin: 0;
  font-size: clamp(30px, 3.2vw, 41px);
  line-height: 1.12;
  letter-spacing: -1.15px;
}

.catalog-hero p {
  margin: 6px 0 0;
  max-width: 760px;
  font-size: 13px;
  line-height: 1.5;
}

.catalog-hero-mark {
  top: 50%;
  right: max(calc((100% - 1280px)/2), 36px);
  width: 112px;
  height: auto;
  border: 0;
  border-radius: 0;
  display: block;
  place-items: initial;
  transform: translateY(-50%);
  opacity: .96;
}

.catalog-hero-mark img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.catalog-toolbar {
  min-height: 61px;
  padding: 8px 0;
  gap: 16px;
}

.catalog-grid {
  margin-top: 18px;
  margin-bottom: 36px;
}

@media (max-width: 1000px) {
  .catalog-hero-mark {
    right: 26px;
    width: 88px;
  }

  .catalog-hero-inner {
    padding-top: 15px;
    padding-bottom: 17px;
  }

  .catalog-toolbar {
    min-height: 0;
    padding: 13px 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 11px;
  }

  .filter-row {
    width: 100%;
  }
}

@media (max-width: 680px) {
  .catalog-hero-inner {
    padding-top: 14px;
    padding-bottom: 17px;
  }

  .catalog-hero .breadcrumbs {
    margin-bottom: 9px;
    font-size: 10px;
  }

  .catalog-hero .eyebrow {
    font-size: 9px;
    margin-bottom: 5px;
  }

  .catalog-hero h1 {
    max-width: 100%;
    font-size: clamp(27px, 7vw, 33px);
    letter-spacing: -.9px;
  }

  .catalog-hero p {
    max-width: 100%;
    font-size: 12px;
    line-height: 1.5;
  }

  .catalog-hero-mark {
    display: none;
  }

  .catalog-toolbar {
    padding: 12px 0;
  }

  .catalog-grid {
    margin-top: 14px;
  }
}


/* Compact, space-efficient layouts for cart and supporting content pages.
   Keep the existing markup/routes intact; these are presentation-only changes. */
.content-hero {
  min-height: 0;
}

.content-hero-inner {
  width: var(--page);
  max-width: 1320px;
  padding: 17px 0 19px;
}

.content-hero .breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 10px;
  line-height: 1.35;
}

.content-hero .eyebrow {
  display: inline-block;
  margin: 0 0 4px;
  line-height: 1.3;
}

.content-hero h1 {
  max-width: calc(100% - 138px);
  margin: 0;
  font-size: clamp(30px, 3.2vw, 41px);
  line-height: 1.12;
  letter-spacing: -1.15px;
}

.content-hero p {
  max-width: 780px;
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.content-hero-orbit {
  top: 50%;
  right: max(calc((100% - 1280px) / 2), 36px);
  width: 88px;
  height: 88px;
  font-size: 21px;
  opacity: .62;
  transform: translateY(-50%);
}

.content-hero-orbit span {
  transform: none;
}

.content-page-shell {
  width: var(--page);
  max-width: 1320px;
  margin: 17px auto 42px;
  padding: 0;
}

.editorial-notice {
  gap: 10px;
  margin: 0 0 14px;
  padding: 11px 15px;
  border-radius: 10px;
}

.editorial-notice p {
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.content-page-grid {
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 18px;
  margin-top: 15px;
}

.page-contents {
  position: sticky;
  top: 16px;
  padding: 13px;
}

.page-contents a {
  padding: 9px 4px;
  line-height: 1.4;
}

.page-contents .contents-help {
  margin-top: 9px;
  padding: 10px;
}

.content-sections {
  padding: 3px 22px;
}

.content-section {
  gap: 14px;
  padding: 16px 0;
  margin: 0;
  scroll-margin-top: 110px;
}

.content-section h2 {
  margin: 0 0 5px;
  font-size: 17px;
  line-height: 1.32;
}

.content-section p,
.content-section li {
  font-size: 12.5px;
  line-height: 1.65;
}

.content-section p {
  margin: 0;
}

.content-section ul {
  margin: 7px 0 0;
  padding-left: 18px;
}

.content-section li + li {
  margin-top: 3px;
}

.content-footer-note {
  gap: 10px;
  margin: 12px 0;
  padding: 12px 14px;
}

.content-footer-note p {
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

/* Cart: the panel heading and product list share one card, avoiding nested padding. */
.cart-shell {
  width: var(--page);
  max-width: 1320px;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 18px;
  margin: 17px auto 42px;
  padding: 0;
}

.cart-main-panel {
  min-width: 0;
  padding: 0;
}

.cart-summary {
  padding: 18px;
}

.cart-panel-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  gap: 14px;
  padding: 15px 18px;
}

.cart-panel-heading h2 {
  margin: 0 0 4px;
  line-height: 1.3;
}

.cart-panel-heading p {
  margin: 0;
  line-height: 1.45;
}

.cart-panel-heading > a {
  flex: 0 0 auto;
  white-space: nowrap;
}

.cart-items {
  padding: 0 18px;
}

.cart-empty {
  padding: 34px 18px;
}

.cart-summary h2 {
  margin: 0 0 15px;
  line-height: 1.3;
}

.cart-summary .summary-line {
  margin: 10px 0;
}

.cart-summary .summary-total {
  margin: 12px 0;
  padding-top: 12px;
}

.cart-summary .checkout-btn {
  margin-top: 8px;
}

.cart-summary .checkout-note {
  margin: 9px 0;
  line-height: 1.6;
}

.cart-summary .summary-trust {
  margin-top: 12px;
  padding: 10px;
}

@media (max-width: 1000px) {
  .content-hero-inner {
    padding-top: 15px;
    padding-bottom: 17px;
  }

  .content-page-grid {
    grid-template-columns: 215px minmax(0, 1fr);
    gap: 14px;
  }

  .cart-shell {
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 14px;
  }
}

@media (max-width: 800px) {
  .content-hero h1 {
    max-width: calc(100% - 100px);
    font-size: clamp(28px, 5vw, 35px);
  }

  .content-hero-orbit {
    right: 20px;
    width: 76px;
    height: 76px;
    font-size: 17px;
  }

  .content-page-shell {
    margin: 14px auto 30px;
  }

  .content-page-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 13px;
  }

  .page-contents {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2px;
    padding: 10px;
  }

  .page-contents-title {
    grid-column: 1 / -1;
    margin: 0 6px 5px;
  }

  .page-contents > a {
    padding: 8px;
    font-size: 11px;
  }

  .page-contents .contents-help {
    grid-column: 1 / -1;
  }

  .content-sections {
    padding: 3px 16px;
  }

  .content-section {
    gap: 10px;
    padding: 14px 0;
  }

  .cart-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 13px auto 30px;
    padding: 0;
  }

  .cart-summary {
    order: -1;
    padding: 16px;
  }

  .cart-panel-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 14px;
  }

  .cart-panel-heading > a {
    white-space: normal;
  }

  .cart-items {
    padding: 0 14px;
  }

  .cart-empty {
    padding: 27px 14px;
  }
}

@media (max-width: 480px) {
  .content-hero-inner {
    padding-top: 13px;
    padding-bottom: 15px;
  }

  .content-hero .breadcrumbs {
    margin-bottom: 8px;
    font-size: 10px;
  }

  .content-hero .eyebrow {
    margin-bottom: 4px;
    font-size: 9px;
  }

  .content-hero h1 {
    max-width: 100%;
    font-size: clamp(27px, 7vw, 32px);
    letter-spacing: -.9px;
  }

  .content-hero p {
    max-width: 100%;
    font-size: 12px;
    line-height: 1.5;
  }

  .content-hero-orbit {
    display: none;
  }

  .editorial-notice {
    padding: 10px 11px;
  }

  .content-sections {
    padding: 2px 12px;
  }

  .content-section {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    padding: 12px 0;
  }

  .content-section h2 {
    font-size: 15px;
  }

  .content-section p,
  .content-section li {
    font-size: 11.5px;
  }

  .cart-panel-heading {
    padding: 13px;
  }

  .cart-items {
    padding: 0 12px;
  }

  .cart-summary {
    padding: 15px;
  }
}

/* Catalog sorting and faceted filtering — URL-driven, responsive retail layout. */
.catalog-listing-form{width:100%;margin:0}
.catalog-toolbar-enhanced{width:var(--page);max-width:1320px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #e3eaf3;}
.catalog-toolbar-summary{display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:#687991;font-size:12px;white-space:nowrap}
.catalog-toolbar-summary>strong,.catalog-toolbar-summary span strong{color:#183557}
.catalog-toolbar-summary .toolbar-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:#ff6b2c;box-shadow:0 0 0 4px #ff6b2c19}
.filter-count-badge{display:inline-flex;align-items:center;border:1px solid #dbe8f8;background:#eef5ff;color:#174a91;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}
.catalog-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}
.catalog-search-control{height:42px;display:flex;align-items:center;min-width:290px;background:#fff;border:1px solid #d7e1ed;border-radius:9px;overflow:hidden}
.catalog-search-control>span{padding-left:12px;color:#74869e;font-size:20px;line-height:1}
.catalog-search-control input{width:100%;min-width:80px;height:40px;border:0;outline:0;background:transparent;padding:0 10px;color:#172944;font-size:12px}
.catalog-search-control input:focus{box-shadow:none}
.catalog-search-control .btn{min-height:40px;height:40px;border-radius:0;padding:0 15px;font-size:11px;box-shadow:none;white-space:nowrap}
.catalog-sort-control{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#6d7e94;font-size:11px;font-weight:700}
.catalog-sort-control select,.catalog-filter-group select{max-width:100%;min-height:42px;border:1px solid #d7e1ed;border-radius:8px;background:#fff;color:#203956;padding:0 33px 0 11px;font:inherit;font-weight:700;outline:0}
.catalog-sort-control select{width:180px;font-size:11px}
.catalog-layout{width:var(--page);max-width:1320px;margin:16px auto 44px;display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;align-items:start}
.catalog-filter-sidebar{position:sticky;top:16px;background:#fff;border:1px solid #dfe7f1;border-radius:13px;box-shadow:0 8px 22px rgba(19,48,88,.04);overflow:hidden}
.catalog-filter-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #e9eef5}
.catalog-filter-heading>div{display:flex;align-items:center;gap:9px}
.catalog-filter-heading h2{margin:0;color:#183557;font-size:15px;letter-spacing:-.2px}
.catalog-filter-heading>a{color:#e95419;font-size:10px;font-weight:800;text-decoration:none}
.filter-heading-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#fff0e8;color:#e95419;font-size:16px}
.catalog-category-filter{padding:14px 15px 12px;border-bottom:1px solid #e9eef5}
.catalog-category-filter h3,.catalog-filter-group>label,.catalog-filter-group>legend{display:block;margin:0 0 9px;color:#243e60;font-size:11px;font-weight:800}
.catalog-category-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border-radius:7px;color:#64748a;text-decoration:none;font-size:11px;line-height:1.35}
.catalog-category-link>span:last-child{color:#9ba9ba;font-size:17px}
.catalog-category-link:hover{background:#f4f7fc;color:#174a91}
.catalog-category-link.is-active{background:#edf4fd;color:#174a91;font-weight:800}
.catalog-category-link.is-active>span:last-child{color:#ff6b2c}
.catalog-filter-form{display:grid;gap:0}
.catalog-filter-group{min-width:0;margin:0;padding:15px;border:0;border-bottom:1px solid #e9eef5}
.catalog-filter-group select{width:100%;font-size:11px}
.price-filter-group legend,.catalog-check-filters legend{padding:0}
.price-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.price-input-pair label{display:flex;flex-direction:column;gap:6px;min-width:0;color:#7c8ba0;font-size:10px;font-weight:700}
.price-input-pair input{width:100%;height:39px;min-width:0;border:1px solid #d7e1ed;border-radius:7px;padding:0 8px;color:#203956;background:#fff;font-size:11px;outline:0}
.price-input-pair input:focus,.catalog-filter-group select:focus,.catalog-sort-control select:focus{border-color:#7ea2d3;box-shadow:0 0 0 3px #174a9114}
.price-range-hint{margin:8px 0 0;color:#8997a9;font-size:9px;line-height:1.5}
.catalog-check-filters{display:grid;gap:13px}
.catalog-check-filters legend{margin-bottom:0}
.catalog-check-row{display:flex!important;align-items:flex-start;gap:9px;margin:0!important;cursor:pointer}
.catalog-check-row input{width:15px;height:15px;flex:0 0 15px;margin:2px 0 0;accent-color:#174a91}
.catalog-check-row>span{display:grid;gap:2px}
.catalog-check-row strong{color:#334b69;font-size:11px;font-weight:700}
.catalog-check-row small{color:#8a98aa;font-size:9px;font-weight:500}
.catalog-apply-filters{display:flex;align-items:center;justify-content:center;gap:9px;margin:14px 14px 0;width:calc(100% - 28px);min-height:42px;font-size:11px}
.catalog-clear-filters{display:block;padding:11px;text-align:center;color:#718199;font-size:10px;font-weight:700;text-decoration:none}
.catalog-clear-filters:hover{color:#174a91}
.catalog-results-area{min-width:0}
.catalog-results-area .catalog-grid{margin-top:0;margin-bottom:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.catalog-results-area .product-card{min-width:0}
.catalog-results-area .product-image{min-height:170px}
.catalog-results-area .product-info{padding:13px 12px 10px}
.catalog-results-area .product-info h3{font-size:12px;line-height:1.4}
.catalog-results-area .product-info>p{font-size:10px}
.catalog-results-area .product-price-row{gap:6px;align-items:flex-start;flex-wrap:wrap}
.catalog-results-area .product-price-row strong{font-size:18px}
.catalog-results-area .add-to-cart-btn{min-height:38px;font-size:11px}
.catalog-active-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:10px 13px;border:1px solid #dce8f7;border-radius:9px;background:#f7faff}
.catalog-active-filters>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.catalog-active-filters strong{color:#284361;font-size:10px}
.catalog-active-filters span{color:#7a8ba1;font-size:10px}
.catalog-active-filters>a{color:#174a91;font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}
.catalog-active-filters>a span{color:#e95419;font-size:15px;margin-left:4px}
.catalog-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:16px;border-top:1px solid #e3eaf3}
.catalog-pagination>a{color:#174a91;font-size:11px;font-weight:800;text-decoration:none}
.pagination-pages{display:flex;align-items:center;gap:5px}
.pagination-page{width:34px;height:34px;display:grid;place-items:center;border:1px solid #dfe7f1;border-radius:8px;background:#fff;color:#61748e;font-size:11px;font-weight:700;text-decoration:none}
.pagination-page:hover{border-color:#9db8dc;color:#174a91}
.pagination-page.is-current{border-color:#174a91;background:#174a91;color:#fff}
.catalog-results-area .catalog-empty,.catalog-results-area .catalog-unavailable{margin:0;padding:44px 20px;text-align:center}
.catalog-results-area .catalog-bottom-note{margin-top:22px}
@media(max-width:1250px){.catalog-results-area .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar-enhanced{align-items:flex-start;flex-direction:column;gap:10px}.catalog-toolbar-controls{width:100%;justify-content:space-between}.catalog-search-control{flex:1}}
@media(max-width:920px){.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:15px}.catalog-results-area .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.catalog-results-area .product-image{min-height:145px}.catalog-sort-control select{width:160px}}
@media(max-width:680px){.catalog-toolbar-enhanced{padding:11px 0;gap:10px}.catalog-toolbar-summary{font-size:11px;gap:7px}.catalog-toolbar-controls{align-items:stretch;flex-direction:column;gap:9px}.catalog-search-control{min-width:0;width:100%;height:42px}.catalog-search-control .btn{padding:0 12px}.catalog-sort-control{justify-content:space-between;width:100%}.catalog-sort-control select{width:min(72%,260px)}.catalog-layout{grid-template-columns:1fr;margin-top:12px;gap:13px}.catalog-filter-sidebar{position:static}.catalog-filter-heading{padding:12px 14px}.catalog-category-filter{padding:11px 12px}.catalog-category-filter h3{margin-bottom:7px}.catalog-category-filter .catalog-category-link{display:inline-flex;margin:2px 3px 2px 0;padding:7px 9px;background:#f3f7fc;border:1px solid #e1eaf6;border-radius:7px;font-size:10px}.catalog-category-link>span:last-child{display:none}.catalog-filter-form{grid-template-columns:1fr 1fr}.catalog-filter-form .catalog-filter-group{padding:12px}.catalog-filter-form .price-filter-group,.catalog-filter-form .catalog-check-filters{border-left:1px solid #e9eef5}.catalog-filter-form .catalog-check-filters{align-content:start}.catalog-apply-filters{grid-column:1/-1;margin-top:11px}.catalog-clear-filters{grid-column:1/-1;padding:9px}.catalog-results-area .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-results-area .product-image{min-height:125px}.catalog-results-area .product-info{padding:10px 9px 8px}.catalog-results-area .product-info>small{font-size:9px}.catalog-results-area .product-info h3{font-size:11px;min-height:0;margin:7px 0}.catalog-results-area .product-info>p{display:none}.catalog-results-area .product-price-row strong{font-size:15px}.catalog-results-area .stock-pill{font-size:8px}.catalog-results-area .add-to-cart-btn{margin:0 7px 7px;width:calc(100% - 14px);min-height:35px;padding:0 5px;font-size:10px}.catalog-pagination{gap:7px}.pagination-prev,.pagination-next{font-size:10px!important}.pagination-pages{gap:3px}.pagination-page{width:30px;height:30px}.catalog-active-filters{align-items:flex-start;flex-direction:column;margin-bottom:10px}}

/* =======================================================================
   ADVANCED TECHNOLOGY VISUAL SYSTEM — Bilgisayar AVM
   Layered on top of the existing shop styles to preserve markup, routes,
   filtering, cart behavior, and the compact page spacing.
   ======================================================================= */
:root {
  --ink: #0b1425;
  --ink-2: #13243b;
  --muted: #60728b;
  --muted-2: #8495ac;
  --line: #dce5f0;
  --paper: #f2f6fb;
  --paper-2: #f8fbff;
  --white: #fff;
  --orange: #ff713b;
  --orange-dark: #e95b25;
  --orange-soft: #fff0e9;
  --lime: #d8fc49;
  --tech-cyan: #37d7ff;
  --tech-blue: #3c82ff;
  --green: #118260;
  --radius: 16px;
  --shadow: 0 18px 48px rgba(14, 36, 68, .09);
  --page: min(1380px, calc(100% - 56px));
}

html { scroll-padding-top: 150px; }
body {
  background:
    radial-gradient(ellipse at 9% 14%, rgba(70, 150, 255, .055), transparent 28rem),
    radial-gradient(ellipse at 92% 38%, rgba(55, 215, 255, .035), transparent 25rem),
    #f3f7fc;
  color: #172940;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
}
::selection { background: rgba(55, 215, 255, .27); color: #071321; }
:focus-visible { outline: 3px solid rgba(55, 215, 255, .9) !important; outline-offset: 3px; }

/* Dark, precision-instrument style masthead. */
.site-header {
  background: rgba(7, 17, 32, .97);
  border-bottom: 1px solid #1d3652;
  box-shadow: 0 12px 30px rgba(6, 16, 31, .13);
  color: #eef6ff;
}
.header-main { min-height: 86px; gap: clamp(16px, 2.1vw, 32px); }
.brand { gap: 10px; }
img.brand-mark.brand-mark-image {
  width: 49px; height: 49px; flex-basis: 49px;
  filter: drop-shadow(0 5px 14px rgba(38, 151, 255, .13));
}
.brand-word { color: #f4f8ff; letter-spacing: -.9px; }
.brand-word > span { color: var(--tech-cyan); }
.brand-word small { color: #8da5c1; letter-spacing: 1.15px; }
.search {
  height: 48px;
  max-width: 700px;
  background: #101f34;
  border: 1px solid #2a405a;
  border-radius: 11px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.search:focus-within {
  background: #102239;
  border-color: rgba(55, 215, 255, .75);
  box-shadow: 0 0 0 4px rgba(55, 215, 255, .1), 0 0 24px rgba(55, 215, 255, .05);
}
.search-symbol { color: #83a1bf; }
.search input { color: #f5f9ff; }
.search input::placeholder { color: #7e93ad; }
.search button {
  background: var(--orange);
  color: #fff;
  font-weight: 800;
}
.search button:hover { background: #ff895d; }
.header-actions { gap: clamp(10px, 1.5vw, 22px); }
.account-link, .cart-link { color: #e9f3ff; }
.header-actions small { color: #8ba2bd; }
.header-actions strong { color: #f2f7ff; }
.action-icon {
  background: linear-gradient(145deg, #142942, #0d1b2d);
  color: var(--tech-cyan);
  border: 1px solid #28415c;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.cart-count { background: var(--orange); border-color: #091526; }
.category-nav {
  min-height: 46px;
  background: linear-gradient(90deg, #0a1729, #0d1e32 55%, #0a1729);
  border-top: 1px solid #1a3049;
  padding-left: max(28px, calc((100% - 1380px) / 2));
  padding-right: max(28px, calc((100% - 1380px) / 2));
}
.category-nav > a {
  height: 46px;
  position: relative;
  border-right: 0;
  color: #b7c8dc;
  font-size: 11px;
  font-weight: 700;
  padding: 0 14px;
}
.category-nav > a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 14px; right: 14px;
  height: 2px;
  background: var(--tech-cyan);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .2s ease;
}
.category-nav > a:hover { color: #fff; background: rgba(55, 215, 255, .045); }
.category-nav > a:hover::after { transform: scaleX(1); }
.category-nav .nav-all {
  color: #effaff;
  padding-left: 16px; padding-right: 19px;
  background: rgba(55, 215, 255, .075);
  border-left: 1px solid #23435d;
  border-right: 1px solid #23435d;
}
.category-nav .nav-all span { color: var(--tech-cyan); }

/* Hero: dark glass, circuit grid, restrained neon energy. */
.hero {
  width: var(--page);
  max-width: 1380px;
  margin: 26px auto 22px;
  min-height: 438px;
  grid-template-columns: minmax(0, 1fr) minmax(390px, .96fr);
  gap: clamp(20px, 3vw, 42px);
  padding: clamp(30px, 4.4vw, 58px);
  color: #f4f8ff;
  border: 1px solid #1b3a58;
  border-radius: 24px;
  background:
    radial-gradient(ellipse at 76% 46%, rgba(28, 115, 190, .22), transparent 34%),
    radial-gradient(ellipse at 12% 100%, rgba(55, 215, 255, .09), transparent 35%),
    linear-gradient(122deg, #071323 0%, #0b1a2d 48%, #0b2036 100%);
  box-shadow: 0 24px 60px rgba(7, 22, 42, .18), inset 0 1px 0 rgba(255,255,255,.035);
}
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .4;
  background-image:
    linear-gradient(rgba(122, 190, 235, .065) 1px, transparent 1px),
    linear-gradient(90deg, rgba(122, 190, 235, .065) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: linear-gradient(90deg, transparent, #000 45%, #000 85%, transparent);
}
.hero::after {
  right: -11%; top: -56%;
  border-color: rgba(55, 215, 255, .1);
  box-shadow: 0 0 0 65px rgba(55, 215, 255, .025), 0 0 0 135px rgba(60, 130, 255, .025);
}
.hero-copy { max-width: 620px; padding-left: 0; }
.hero-label {
  display: inline-flex;
  width: fit-content;
  gap: 10px;
  color: #a6eaff;
  background: rgba(55, 215, 255, .065);
  border: 1px solid rgba(55, 215, 255, .2);
  border-radius: 999px;
  padding: 9px 13px;
  margin-bottom: 20px;
  font-size: 9px;
  letter-spacing: 1.45px;
}
.hero-label > span { background: var(--tech-cyan); box-shadow: 0 0 0 5px rgba(55,215,255,.1), 0 0 18px rgba(55,215,255,.65); }
.hero h1 {
  max-width: 650px;
  margin: 0;
  color: #f6f9ff;
  font-size: clamp(40px, 4.4vw, 64px);
  line-height: 1.04;
  letter-spacing: -2.9px;
  text-wrap: balance;
}
.hero h1 span {
  color: var(--tech-cyan);
  background: linear-gradient(95deg, #6ae8ff, #3b9cff 75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-copy > p { max-width: 535px; color: #b2c2d5; font-size: 14px; line-height: 1.85; }
.hero-actions { gap: 18px; }
.btn { border-radius: 10px; min-height: 46px; padding: 0 19px; }
.btn-primary {
  background: linear-gradient(105deg, #ff713b, #ff8b4e);
  color: #fff;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 10px 24px rgba(255, 113, 59, .2), inset 0 1px 0 rgba(255,255,255,.17);
}
.btn-primary:hover { background: linear-gradient(105deg, #ff8658, #ff9b65); box-shadow: 0 13px 28px rgba(255,113,59,.28); }
.hero-secondary { color: #e4f1ff; }
.hero-secondary span { color: var(--tech-cyan); }
.hero-trust { color: #9bb0c8; gap: 16px; }
.hero-trust span { font-size: 10px; }
.hero-trust i { background: rgba(55,215,255,.1); color: var(--tech-cyan); }
.hero-visual {
  min-width: 0;
  min-height: 330px;
  margin-left: 0;
  border: 1px solid rgba(76, 176, 255, .18);
  border-radius: 20px;
  background: radial-gradient(ellipse at center, rgba(25,107,172,.18), rgba(7,20,36,.2) 60%, transparent 78%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.hero-grid {
  background-image: linear-gradient(rgba(82,201,255,.12) 1px, transparent 1px), linear-gradient(90deg, rgba(82,201,255,.12) 1px, transparent 1px);
  background-size: 27px 27px;
  opacity: .42;
}
.orb-one { background: rgba(55,215,255,.08); box-shadow: 0 0 95px rgba(55,215,255,.18); }
.orb-two { border-color: rgba(55,215,255,.26); box-shadow: 0 0 0 20px rgba(55,215,255,.025), 0 0 0 46px rgba(60,130,255,.025); }
.chip-card {
  border-color: rgba(118, 202, 255, .36);
  background: linear-gradient(135deg, #1a3048, #102238 55%, #091726);
  box-shadow: 0 32px 75px rgba(0,0,0,.42), 0 0 40px rgba(55,215,255,.07), inset 0 1px 0 rgba(255,255,255,.07);
}
.chip-top, .chip-bottom { color: #a4bad2; }
.chip-fan { border-color: #5c7992; background: repeating-conic-gradient(#66839d 0deg 9deg, #20384e 9deg 24deg); }
.chip-fan span { background: var(--tech-cyan); box-shadow: 0 0 25px rgba(55,215,255,.7); }
.chip-fan.second span { background: var(--lime); box-shadow: 0 0 22px rgba(216,252,73,.5); }
.chip-label { color: #b3c9e0; }
.chip-led { background: var(--tech-cyan); box-shadow: 0 0 16px rgba(55,215,255,.85); }
.hero-float-card {
  background: rgba(12, 31, 51, .9);
  color: #f0f7ff;
  border: 1px solid rgba(119, 184, 228, .25);
  box-shadow: 0 18px 45px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05);
  backdrop-filter: blur(14px);
}
.hero-float-card small { color: #8faaca; }
.hero-float-card strong { color: #f6fbff; }
.float-icon { background: rgba(55,215,255,.12) !important; color: var(--tech-cyan) !important; }
.float-icon.orange { background: rgba(255,113,59,.15) !important; color: #ff9b72 !important; }
.hero-sticker { background: var(--lime); color: #0b1726; box-shadow: 0 14px 30px rgba(0,0,0,.3), 0 0 28px rgba(216,252,73,.12); }

/* Trust strip, category discovery, and product cards. */
.service-strip {
  width: var(--page); max-width: 1380px;
  margin: 0 auto 56px;
  min-height: 102px;
  border: 1px solid #dce6f1;
  border-radius: 16px;
  border-top: 1px solid #dce6f1;
  background: rgba(255,255,255,.88);
  box-shadow: 0 16px 36px rgba(17, 46, 81, .045), inset 0 1px 0 #fff;
  backdrop-filter: blur(14px);
}
.service-strip > div { border-color: #e7edf5; padding: 19px clamp(12px, 1.7vw, 24px); }
.service-icon {
  width: 43px; height: 43px;
  background: linear-gradient(145deg, #e2f9ff, #e9f0ff);
  border: 1px solid #d0e9fb;
  color: #116caa;
  border-radius: 13px;
}
.service-strip p strong { color: #152c46; font-size: 12px; }
.service-strip p small { color: #71849b; font-size: 10px; }
.section { width: var(--page); max-width: 1380px; margin-bottom: 60px; }
.section-heading { margin-bottom: 23px; }
.eyebrow { color: #087fb2; font-size: 9px; letter-spacing: 1.5px; }
.section-heading h2 { color: #0f2037; font-size: clamp(24px, 2.3vw, 31px); letter-spacing: -1.05px; }
.section-heading p { color: #718299; font-size: 12px; }
.text-link { color: #12649d; }
.text-link span { color: var(--orange); }
.category-grid { gap: 15px; }
.category-tile {
  position: relative;
  min-height: 180px;
  padding: 22px;
  overflow: hidden;
  background: linear-gradient(145deg, #fff 0%, #fbfdff 70%, #f3f9ff 100%);
  border: 1px solid #dbe5f0;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(13, 40, 72, .035), inset 0 1px 0 #fff;
}
.category-tile::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(55,215,255,.75), rgba(60,130,255,.35), transparent);
  opacity: .42;
}
.category-tile::after {
  content: '';
  position: absolute;
  width: 130px; height: 130px;
  border: 1px solid rgba(26, 132, 200, .055);
  border-radius: 50%;
  right: -58px; bottom: -78px;
  box-shadow: 0 0 0 18px rgba(26,132,200,.025), 0 0 0 38px rgba(26,132,200,.018);
  pointer-events: none;
}
.category-tile:hover {
  transform: translateY(-4px);
  border-color: rgba(28, 170, 221, .56);
  box-shadow: 0 18px 34px rgba(14, 77, 126, .095), 0 0 0 3px rgba(55,215,255,.045);
}
.category-art {
  width: 48px; height: 48px;
  background: linear-gradient(145deg, #e1faff, #eaf0ff);
  border: 1px solid #d2e9f7;
  color: #087fb2;
  border-radius: 14px;
  font-size: 21px;
}
.category-meta { color: #8a9bb0; font-size: 9px; letter-spacing: 1.15px; }
.category-tile strong { color: #142a44; font-size: 16px; }
.category-tile small { color: #74869d; font-size: 11px; }
.category-arrow { color: #1485b8; }
.category-gpu .category-art, .category-gear .category-art { background: linear-gradient(145deg,#fff0e9,#fff7f2); border-color: #ffe1d4; color: #e95b25; }
.category-cpu .category-art, .category-ram .category-art { background: linear-gradient(145deg,#e0fbf6,#eaf9f3); border-color: #c9f1e8; color: #087e69; }
.category-ssd .category-art { background: linear-gradient(145deg,#e9eaff,#f4f2ff); border-color: #dedcff; color: #6657d9; }
.product-grid { gap: 17px; }
.product-card {
  background: #fff;
  border: 1px solid #dce5f0;
  border-radius: 15px;
  box-shadow: 0 8px 24px rgba(14, 39, 70, .045);
}
.product-card:hover {
  transform: translateY(-4px);
  border-color: rgba(55, 175, 220, .55);
  box-shadow: 0 20px 38px rgba(13, 58, 101, .11), 0 0 0 3px rgba(55,215,255,.04);
}
.product-image {
  background:
    radial-gradient(ellipse at 50% 44%, rgba(55, 215, 255, .1), transparent 55%),
    linear-gradient(145deg, #eef5fd, #e7f0fa);
  border-bottom: 1px solid #e0e9f3;
}
.product-halo { background: radial-gradient(circle, rgba(94, 195, 255, .45), rgba(165, 215, 255, .22) 45%, transparent 72%); }
.product-visual-label { color: #69829d; letter-spacing: 1px; }
.product-placeholder {
  color: #1678ad;
  filter: drop-shadow(0 8px 12px rgba(31, 120, 181, .12));
}
.product-badge { background: #0c7fab; color: #fff; border-radius: 5px; box-shadow: 0 5px 12px rgba(12,127,171,.15); }
.product-info { padding: 16px 15px 13px; }
.product-info > small { color: #7188a1; letter-spacing: .1px; }
.product-info > small span { color: #a8b6c7; }
.product-info h3 { color: #142c47; font-size: 13px; line-height: 1.45; }
.product-info > p { color: #77899e; font-size: 10px; }
.product-price-row strong { color: #0e263f; font-size: 20px; letter-spacing: -.45px; }
.product-price-row strong small { color: #48647e; }
.stock-pill { font-weight: 800; }
.in-stock { background: #e3f8f0; color: #087b59; }
.out-stock { background: #fff1eb; color: #b4532f; }
.add-to-cart-btn {
  background: linear-gradient(105deg, #0c3354, #124d78);
  border: 1px solid #1b5279;
  color: #fff;
  border-radius: 9px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.add-to-cart-btn:hover { background: linear-gradient(105deg, #0f456e, #087fb2); box-shadow: 0 8px 18px rgba(8, 98, 143, .18); }
.add-to-cart-btn:disabled { filter: grayscale(.2); }

/* Catalog and category pages retain the compact layout, with a technical masthead. */
.catalog-hero, .content-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 85% 45%, rgba(26, 125, 190, .24), transparent 30%),
    linear-gradient(112deg, #071323, #0b1e33 58%, #0b263e);
  border-bottom: 1px solid #183b58;
  color: #f5f9ff;
}
.catalog-hero::before, .content-hero::before {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  background-image: linear-gradient(rgba(112,190,235,.065) 1px, transparent 1px), linear-gradient(90deg, rgba(112,190,235,.065) 1px, transparent 1px);
  background-size: 30px 30px;
  mask-image: linear-gradient(90deg, transparent, #000 60%, #000);
}
.catalog-hero::after, .content-hero::after {
  top: -240px; right: 7%;
  border-color: rgba(55,215,255,.15);
  box-shadow: 0 0 0 50px rgba(55,215,255,.025), 0 0 0 100px rgba(60,130,255,.025);
}
.catalog-hero-inner, .content-hero-inner { z-index: 2; }
.catalog-hero .breadcrumbs, .content-hero .breadcrumbs { color: #8ba6c1; }
.catalog-hero .breadcrumbs a, .content-hero .breadcrumbs a { color: #d4e8fb; }
.catalog-hero .breadcrumbs span:nth-child(2), .content-hero .breadcrumbs span:nth-child(2) { color: #4f7796; }
.catalog-hero .eyebrow, .content-hero .eyebrow { color: var(--tech-cyan); }
.catalog-hero h1, .content-hero h1 { color: #f4f8ff; }
.catalog-hero p, .content-hero p { color: #a9bfd5; }
.catalog-hero-mark {
  border: 1px solid rgba(55,215,255,.17);
  border-radius: 22px;
  background: rgba(10,35,57,.35);
  box-shadow: 0 0 55px rgba(55,215,255,.06), inset 0 1px 0 rgba(255,255,255,.03);
  padding: 8px;
}
.catalog-hero-mark img { filter: drop-shadow(0 8px 24px rgba(55,215,255,.1)); }
.content-hero-orbit { border-color: rgba(55,215,255,.24); color: rgba(55,215,255,.72); background: rgba(10,35,57,.25); }
.content-hero-orbit span { color: rgba(55,215,255,.78); }
.catalog-toolbar { border-color: #dbe5f0; }
.catalog-toolbar strong { color: #152c46; }
.toolbar-dot { background: #12b981; box-shadow: 0 0 0 4px rgba(18,185,129,.1); }
.catalog-search-control, .catalog-sort-control select, .catalog-filter-group select, .price-input-pair input {
  background: #fff;
  border-color: #d7e2ee;
  border-radius: 9px;
}
.catalog-search-control:focus-within { border-color: rgba(17,151,198,.6); box-shadow: 0 0 0 3px rgba(55,215,255,.08); }
.catalog-search-control input { color: #172e47; }
.catalog-search-control > span { color: #5083a9; }
.catalog-sort-control { color: #657b93; }
.catalog-sort-control select, .catalog-filter-group select { color: #193753; }
.catalog-layout { gap: 20px; margin-top: 18px; }
.catalog-filter-sidebar {
  border: 1px solid #d9e4ef;
  border-radius: 15px;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 30px rgba(14,39,70,.045);
}
.catalog-filter-heading { border-color: #e5edf5; }
.catalog-filter-heading h2 { color: #142f4a; }
.catalog-filter-heading > a { color: #087fae; }
.filter-heading-icon { background: #e2f8ff; border: 1px solid #cceefa; color: #087fae; }
.catalog-category-filter { border-color: #e5edf5; }
.catalog-category-filter h3, .catalog-filter-group > label, .catalog-filter-group > legend { color: #1d3a58; }
.catalog-category-link { color: #607790; }
.catalog-category-link:hover { background: #eef9fd; color: #087fae; }
.catalog-category-link.is-active { background: #e8f9ff; color: #086e9f; box-shadow: inset 2px 0 0 var(--tech-cyan); }
.catalog-category-link.is-active > span:last-child { color: #087fae; }
.catalog-filter-group { border-color: #e5edf5; }
.price-filter-group legend, .catalog-check-filters legend { color: #1d3a58; }
.price-input-pair label { color: #6d8198; }
.price-input-pair input { color: #1c3853; }
.price-input-pair input:focus, .catalog-filter-group select:focus, .catalog-sort-control select:focus { border-color: #35bddd; box-shadow: 0 0 0 3px rgba(55,215,255,.11); }
.price-range-hint { color: #8194a9; }
.catalog-check-row input { accent-color: #087fae; }
.catalog-check-row strong { color: #294660; }
.catalog-check-row small { color: #8193a8; }
.catalog-apply-filters { box-shadow: 0 9px 20px rgba(255,113,59,.17); }
.catalog-clear-filters:hover { color: #087fae; }
.catalog-active-filters { border-color: #cdeefa; background: linear-gradient(100deg,#f1fbff,#f8fbff); }
.catalog-active-filters strong { color: #1e415d; }
.catalog-active-filters > a { color: #087ca9; }
.catalog-active-filters > a span { color: var(--orange); }
.catalog-pagination { border-color: #dce6f0; }
.catalog-pagination > a { color: #087fae; }
.pagination-page { border-color: #d7e2ee; color: #5e7791; }
.pagination-page:hover { border-color: #69cbe4; color: #087fae; }
.pagination-page.is-current { background: #0c789f; border-color: #0c789f; color: #fff; box-shadow: 0 5px 12px rgba(12,120,159,.17); }
.catalog-results-area .catalog-empty, .catalog-results-area .catalog-unavailable { border-color: #dce6f0; box-shadow: 0 10px 28px rgba(14,39,70,.035); }
.catalog-bottom-note { background: #f0f8fd; border-color: #d6eaf4; color: #657e95; }
.catalog-bottom-note span { color: #087fae; }

/* Product details: high-tech visual well, easy-to-scan specification panel. */
.product-breadcrumbs { color: #8093a9; }
.product-breadcrumbs a { color: #35617f; }
.product-detail { gap: clamp(24px, 3vw, 42px); }
.detail-image {
  background:
    radial-gradient(ellipse at 50% 48%, rgba(55,215,255,.18), transparent 55%),
    linear-gradient(145deg, #081526, #102941 62%, #0a1b2e);
  border: 1px solid #1b3d59;
  border-radius: 20px;
  box-shadow: 0 22px 48px rgba(10,31,53,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
.detail-image::before {
  background-image: linear-gradient(rgba(122,190,235,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(122,190,235,.1) 1px, transparent 1px);
}
.detail-image-top, .detail-image-bottom { color: #8ba9c4; }
.detail-product-glyph { color: rgba(55,215,255,.75); }
.detail-product-icon { color: #83eaff; filter: drop-shadow(0 14px 20px rgba(55,215,255,.2)); }
.detail-info h1 { color: #10253d; }
.detail-info > p { color: #617991; }
.brand-chip { background: #e6f9ff; border-color: #cceefa; color: #087ba8; }
.detail-price { color: #0b233b; }
.specs-card, .product-description-block { border-color: #dce6f0; border-radius: 15px; box-shadow: 0 10px 28px rgba(14,39,70,.035); }
.specs-card h2, .product-description-block h2 { color: #17324d; }
.specs dt { color: #70859a; }
.specs dd { color: #1e3d58; }
.product-assurances > div { background: #f3f9fd; border-color: #dceaf3; }

/* Cart and legal/support pages share the same light shell and dark tech banner. */
.content-page-shell { padding-top: 24px; }
.editorial-notice { border-color: #d8e8f4; background: #f2f9fd; }
.notice-symbol { background: #d9f2fc; color: #0879a6; }
.editorial-notice p { color: #4a6d86; }
.content-page-grid { gap: clamp(24px, 4vw, 58px); }
.page-contents { background: #fff; border-color: #dce6f0; box-shadow: 0 10px 26px rgba(14,39,70,.035); }
.page-contents-title { color: #8498ad; }
.page-contents > a { color: #607790; }
.page-contents > a:hover { background: #eef9fd; color: #087fae; }
.page-contents > a > span { color: #087fae; }
.page-contents .contents-help { color: #163550; border-color: #e2ebf3; }
.contents-help span { color: #087fae; }
.content-section { border-color: #dce6f0; }
.section-number { background: #e5f8ff; color: #0879a6; }
.content-section h2 { color: #17324d; }
.content-section p, .content-section li { color: #60768e; }
.content-footer-note { border-color: #cdece3; background: #effaf7; color: #326b62; }
.content-footer-note > span { background: #d8f4ec; color: #0d846d; }
.cart-main-panel, .cart-summary { border-color: #dce6f0; border-radius: 16px; box-shadow: 0 12px 30px rgba(14,39,70,.04); }
.cart-panel-heading { border-color: #e3ebf3; }
.cart-panel-heading h2, .cart-summary h2 { color: #17324d; }
.cart-panel-heading > a { color: #087fae; }
.cart-empty-icon { background: #e5f8ff; color: #087fae; }
.cart-summary { background: linear-gradient(155deg,#fff,#f8fbff); }
.summary-total { border-color: #dce6f0; color: #193753; }
.summary-trust { color: #3e7768; }

/* Dark footer anchors the brand and rounds out the premium tech identity. */
.site-footer {
  background:
    radial-gradient(ellipse at 85% 0%, rgba(23, 104, 151, .19), transparent 35%),
    linear-gradient(115deg, #071323, #0b1d31 58%, #0a1a2d);
  border-top: 1px solid #1b3b57;
  color: #dceafa;
  margin-top: 52px;
}
.footer-main { max-width: 1380px; padding-top: 48px; }
.footer-brand .brand-word { color: #f4f8ff; }
.footer-brand .brand-word > span { color: var(--tech-cyan); }
.footer-brand .brand-word small { color: #91abc4; }
.footer-brand-block > p, .footer-promise p { color: #9cb2ca; }
.footer-pills span { background: rgba(55,215,255,.06); color: #b8cde2; border-color: rgba(116,184,223,.18); }
.footer-column h2, .footer-promise h2 { color: #f4f8ff; }
.footer-column a { color: #afc2d7; }
.footer-column a:hover { color: var(--tech-cyan); }
.footer-promise { border-color: rgba(130,178,213,.2); }
.promise-icon { background: rgba(55,215,255,.1); color: var(--tech-cyan); }
.footer-promise > a { color: var(--tech-cyan); }
.footer-bottom { border-color: rgba(130,178,213,.2); color: #829bb5; }

/* Responsive: keep the visual ambition without sacrificing shopping usability. */
@media (max-width: 1100px) {
  .header-main { gap: 16px; }
  .hero { grid-template-columns: minmax(0,1fr) minmax(320px,.85fr); padding: 32px; }
  .hero h1 { font-size: clamp(38px, 4.6vw, 55px); }
  .header-actions { gap: 10px; }
  .account-link, .cart-link { gap: 7px; }
  .action-icon { width: 38px; height: 38px; }
  .category-nav > a { padding-left: 11px; padding-right: 11px; font-size: 10px; }
}
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; gap: 15px; padding: 32px; }
  .hero-copy { max-width: 700px; }
  .hero-visual { min-height: 290px; }
  .hero h1 { max-width: 760px; }
  .service-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-strip > div:nth-child(2) { border-right: 0; }
  .service-strip > div:nth-child(-n+2) { border-bottom: 1px solid #e7edf5; }
}
@media (max-width: 680px) {
  :root { --page: calc(100% - 28px); }
  .header-main { padding: 13px 0; min-height: auto; }
  img.brand-mark.brand-mark-image { width: 40px; height: 40px; flex-basis: 40px; }
  .brand-word { font-size: 18px; }
  .brand-word small { font-size: 6px; letter-spacing: .6px; }
  .search { order: 3; flex-basis: 100%; height: 44px; }
  .search-symbol { margin-left: 11px; font-size: 23px; }
  .search button { padding: 0 13px; }
  .header-actions { gap: 8px; }
  .header-actions strong { font-size: 10px; }
  .cart-icon { font-size: 22px; }
  .category-nav { padding: 0 14px; min-height: 42px; }
  .category-nav > a { height: 42px; padding: 0 10px; font-size: 10px; }
  .hero { margin: 14px auto 14px; padding: 24px 20px 20px; border-radius: 18px; min-height: 0; gap: 7px; }
  .hero-label { font-size: 8px; letter-spacing: 1px; padding: 7px 10px; margin-bottom: 16px; }
  .hero h1 { font-size: clamp(34px, 9vw, 43px); letter-spacing: -1.8px; }
  .hero-copy > p { font-size: 12px; line-height: 1.75; margin: 15px 0 18px; }
  .hero-actions { gap: 13px; align-items: flex-start; flex-direction: row; }
  .hero-actions .btn { min-height: 42px; padding: 0 13px; font-size: 11px; gap: 10px; }
  .hero-secondary { font-size: 10px; }
  .hero-trust { margin-top: 19px; gap: 10px; }
  .hero-trust span { font-size: 8px; }
  .hero-visual { min-height: 230px; margin: 0 -3px; border-radius: 14px; }
  .chip-card { width: min(330px, 86%); height: 180px; padding: 12px; }
  .chip-fan { width: 62px; height: 62px; }
  .chip-fan.second { width: 55px; height: 55px; }
  .chip-label strong { font-size: 14px; }
  .chip-top, .chip-bottom { font-size: 6px; }
  .hero-float-card { padding: 8px 9px; gap: 7px; }
  .hero-float-card .float-icon { width: 27px; height: 27px; font-size: 15px; }
  .hero-float-card small { font-size: 6px; }
  .hero-float-card strong { font-size: 8px; }
  .float-card-top { top: 5px; right: 0; }
  .float-card-bottom { bottom: 5px; left: 0; }
  .hero-sticker { display: none; }
  .service-strip { margin-bottom: 36px; min-height: 0; padding: 5px 8px; }
  .service-strip > div { gap: 9px; padding: 11px 5px; }
  .service-icon { width: 35px; height: 35px; flex: 0 0 35px; font-size: 16px; }
  .service-strip p strong { font-size: 9px; }
  .service-strip p small { font-size: 8px; line-height: 1.4; }
  .section { margin-bottom: 40px; }
  .section-heading { margin-bottom: 17px; }
  .section-heading h2 { font-size: 23px; }
  .section-heading p { font-size: 10px; }
  .category-grid { gap: 10px; }
  .category-tile { min-height: 154px; padding: 14px; border-radius: 13px; }
  .category-art { width: 39px; height: 39px; border-radius: 11px; font-size: 18px; }
  .category-meta { font-size: 7px; margin-top: 12px; }
  .category-tile strong { font-size: 12px; }
  .category-tile small { font-size: 9px; }
  .product-grid, .catalog-results-area .catalog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .product-image, .catalog-results-area .product-image { min-height: 125px; }
  .product-info, .catalog-results-area .product-info { padding: 11px 10px 9px; }
  .product-info h3, .catalog-results-area .product-info h3 { font-size: 11px; min-height: 0; }
  .product-price-row strong, .catalog-results-area .product-price-row strong { font-size: 16px; }
  .add-to-cart-btn { margin: 0 8px 8px; width: calc(100% - 16px); min-height: 36px; font-size: 10px; }
  .catalog-hero-inner, .content-hero-inner { padding-top: 14px; padding-bottom: 17px; }
  .catalog-hero .breadcrumbs, .content-hero .breadcrumbs { margin-bottom: 9px; font-size: 9px; }
  .catalog-hero h1, .content-hero h1 { font-size: 30px; max-width: 100%; }
  .catalog-hero p, .content-hero p { font-size: 11px; max-width: 100%; }
  .catalog-hero-mark, .content-hero-orbit { display: none; }
  .catalog-layout { grid-template-columns: 1fr; }
  .catalog-toolbar-controls { align-items: stretch; flex-direction: column; }
  .catalog-search-control { min-width: 0; width: 100%; }
  .catalog-sort-control { width: 100%; justify-content: space-between; }
  .catalog-sort-control select { width: min(72%, 260px); }
  .content-page-shell { padding-top: 17px; }
  .content-page-grid { grid-template-columns: 1fr; gap: 18px; }
  .page-contents { position: static; }
  .cart-shell { grid-template-columns: 1fr; gap: 14px; }
  .product-detail { grid-template-columns: 1fr; margin-top: 20px; }
  .detail-image { min-height: 260px; }
  .newsletter-band { border-radius: 14px; }
  .site-footer { margin-top: 34px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

/* The original blue/orange mark needs a bright backing plate on dark surfaces. */
img.brand-mark.brand-mark-image,
.footer-brand img.brand-mark.brand-mark-image {
  background: linear-gradient(145deg, #ffffff, #edf8ff);
  border: 1px solid rgba(133, 201, 235, .45);
  border-radius: 12px;
  padding: 3px;
  box-shadow: 0 6px 22px rgba(24, 163, 220, .12), inset 0 1px 0 #fff;
  object-fit: contain;
}

/* Customer identity, account area and protected checkout. */
.customer-account{display:flex;align-items:center;position:relative;z-index:40;min-width:0}.customer-auth-actions{display:flex;align-items:center;gap:9px}.customer-signin,.customer-menu>summary{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;cursor:pointer;list-style:none;white-space:nowrap}.customer-signin:hover,.customer-menu>summary:hover{color:#147dac}.customer-menu>summary::-webkit-details-marker{display:none}.customer-menu>summary .action-icon,.customer-signin .action-icon{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;background:#e9f5ff;color:#0d75a9;border:1px solid #d6ebfb;border-radius:12px;font-size:21px}.customer-account-caption{display:flex;flex-direction:column;line-height:1.25}.customer-account-caption small{font-size:10px;color:#7e8ca3}.customer-account-caption strong{font-size:12px;font-weight:800;color:#fff}.customer-signup{display:inline-flex;align-items:center;gap:5px;color:#fff;background:var(--orange);padding:10px 12px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.customer-signup:hover{background:var(--orange-dark);color:#fff;transform:translateY(-1px)}.customer-menu{position:relative}.customer-menu>summary{padding:3px 0}.customer-menu-chevron{margin-left:1px;color:#7588a2;font-size:15px}.customer-menu[open]>summary .customer-menu-chevron{transform:rotate(180deg)}.customer-dropdown{position:absolute;right:0;top:calc(100% + 13px);width:260px;background:#fff;border:1px solid #dce7f2;border-radius:15px;box-shadow:0 22px 55px rgba(5,22,46,.2);padding:9px;z-index:1000}.customer-dropdown:before{position:absolute;content:"";width:12px;height:12px;right:24px;top:-7px;background:#fff;border-left:1px solid #dce7f2;border-top:1px solid #dce7f2;transform:rotate(45deg)}.customer-dropdown-heading{position:relative;display:flex;flex-direction:column;gap:4px;padding:11px 12px 14px;border-bottom:1px solid #edf1f6;margin-bottom:5px}.customer-dropdown-heading small{font-size:9px;letter-spacing:1.2px;color:#1294c5;font-weight:900}.customer-dropdown-heading strong{font-size:11px;color:#596a82;overflow-wrap:anywhere}.customer-dropdown>a,.customer-dropdown form button{position:relative;display:flex;width:100%;align-items:center;gap:11px;padding:11px 12px;color:#263d5a;border:0;border-radius:8px;background:transparent;text-decoration:none;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.customer-dropdown>a span,.customer-dropdown form button span{width:19px;color:#168fc0;text-align:center;font-size:16px}.customer-dropdown>a:hover,.customer-dropdown form button:hover{background:#eef8ff;color:#096f9f}.customer-dropdown form{border-top:1px solid #edf1f6;margin-top:5px;padding-top:5px}.customer-dropdown form button{color:#b14d3e}.customer-dropdown form button span{color:#b14d3e}
.customer-auth-page{width:var(--page);max-width:1150px;margin:42px auto 70px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:24px;align-items:stretch}.customer-auth-card{padding:clamp(24px,4vw,46px);border:1px solid #dce5f0;border-radius:23px;background:#fff;box-shadow:0 22px 70px rgba(13,45,79,.08)}.customer-auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:25px;color:#173252;font-size:20px;font-weight:900;letter-spacing:-.8px}.customer-auth-brand strong{color:var(--orange)}.auth-brand-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#082440;color:#45d8ff;font-size:20px}.customer-auth-card>.eyebrow{color:#138dbb;font-size:10px;letter-spacing:1.5px;font-weight:900}.customer-auth-card h1{margin:8px 0 9px;color:#102846;font-size:clamp(28px,3.2vw,40px);letter-spacing:-1.5px;line-height:1.1}.auth-intro{max-width:480px;color:#667991;font-size:13px;line-height:1.75;margin:0 0 25px}.customer-form{display:flex;flex-direction:column;gap:8px}.customer-form>label:not(.form-checkbox),.customer-form-row label{display:block;color:#2b405b;font-size:11px;font-weight:800;margin:7px 0 0}.customer-form input:not([type=checkbox]),.customer-form textarea,.customer-form select,.checkout-form-grid input,.checkout-form-grid textarea,.checkout-select{width:100%;min-height:44px;border:1px solid #d6e0ec;border-radius:9px;background:#fbfdff;padding:11px 13px;color:#152e4c;font:inherit;font-size:12px;outline:none;transition:border-color .15s,box-shadow .15s}.customer-form textarea,.checkout-form-grid textarea{resize:vertical}.customer-form input:focus,.customer-form textarea:focus,.customer-form select:focus,.checkout-form-grid input:focus,.checkout-form-grid textarea:focus,.checkout-select:focus{border-color:#42bfe9;box-shadow:0 0 0 3px #34bfe81c;background:#fff}.customer-form input[readonly]{background:#f2f6fa;color:#6b7e94}.customer-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.customer-form-row>div{display:flex;flex-direction:column;gap:7px}.form-checkbox{display:flex;align-items:flex-start;gap:9px;color:#526680;font-size:11px;line-height:1.6;cursor:pointer}.form-checkbox input{margin:3px 0 0;accent-color:#0b98c5}.form-checkbox a{color:#057ea8;text-decoration:underline}.remember-checkbox{margin:6px 0 10px}.customer-submit{width:100%;min-height:47px;justify-content:center;margin-top:8px}.form-validation-summary{padding:0;color:#b33c2f;font-size:11px}.form-validation-summary:empty{display:none}.form-validation-summary ul{margin:0;padding-left:18px}.field-validation{display:block;color:#b33c2f;font-size:10px}.auth-separator{display:flex;align-items:center;gap:12px;margin:19px 0 4px;color:#8190a4;font-size:11px}.auth-separator:before,.auth-separator:after{content:"";height:1px;flex:1;background:#e7edf4}.btn-outline.customer-submit{display:flex;align-items:center;border:1px solid #d7e2ed;color:#1a3859;background:white}.btn-outline.customer-submit:hover{border-color:#2aa7d8;background:#f1faff}.auth-security-note{display:flex;align-items:flex-start;gap:8px;margin:21px 0 0;padding-top:16px;border-top:1px solid #eef2f6;color:#79889d;font-size:10px;line-height:1.65}.auth-security-note span{color:#0d9b73;font-weight:900}.auth-switch-copy{margin:17px 0 0;text-align:center;color:#72839a;font-size:12px}.auth-switch-copy a{color:#087da9;font-weight:800}.customer-auth-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,43px);border-radius:23px;color:#edf7ff;background:radial-gradient(ellipse at 80% 15%,#0a7194a8,transparent 37%),linear-gradient(140deg,#071525,#0a2946 64%,#061321);border:1px solid #174464;box-shadow:0 22px 60px #08213926}.customer-auth-aside:before{position:absolute;inset:0;content:"";pointer-events:none;background-image:linear-gradient(#4bd5ff0c 1px,transparent 1px),linear-gradient(90deg,#4bd5ff0c 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(135deg,#000,transparent 84%)}.customer-auth-aside>*{position:relative}.auth-orbit{align-self:flex-end;display:flex;flex-direction:column;align-items:center;justify-content:center;width:94px;height:94px;margin-bottom:33px;border-radius:25px;border:1px solid #2b7894;background:#0b3857;color:#4be0ff;font-size:24px;font-weight:900;box-shadow:0 0 0 10px #3cd8ff09,0 0 35px #25c9ff16;transform:rotate(7deg)}.auth-orbit span{font-size:8px;letter-spacing:1.2px;margin-top:3px}.customer-auth-aside .eyebrow{font-size:9px;letter-spacing:1.5px;color:#49d9ff;font-weight:900}.customer-auth-aside h2{margin:12px 0 12px;font-size:clamp(32px,4vw,47px);line-height:1.02;letter-spacing:-1.8px;color:#f4f9ff}.customer-auth-aside h2 em{font-style:normal;color:#51dfff}.customer-auth-aside>p{font-size:12px;line-height:1.8;color:#a9c2d8;max-width:300px}.auth-benefits{display:flex;gap:13px;align-items:center;padding:14px 0;border-top:1px solid #ffffff12}.auth-benefits>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2b6b85;border-radius:10px;color:#4bdcff;font-size:10px;font-weight:900}.auth-benefits div{display:flex;flex-direction:column;gap:3px}.auth-benefits strong{color:#e8f7ff;font-size:11px}.auth-benefits small{color:#9db7cc;font-size:10px;line-height:1.5}.auth-benefits:first-of-type{margin-top:15px}
.account-page-shell,.checkout-page-shell{width:var(--page);max-width:1320px;margin:27px auto 66px}.account-page-heading{margin-bottom:22px}.account-page-heading .breadcrumbs{display:flex;gap:10px;margin-bottom:19px}.account-page-heading>.eyebrow{color:#20a9d6;font-size:10px;font-weight:900;letter-spacing:1.5px}.account-page-heading h1{font-size:clamp(30px,4vw,42px);letter-spacing:-1.6px;color:#142c48;margin:8px 0}.account-page-heading>p{margin:0;color:#637790;font-size:13px}.account-page-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.customer-account-nav,.account-content-card{border:1px solid #dce6f0;border-radius:17px;background:#fff;box-shadow:0 12px 34px rgba(8,37,67,.055)}.customer-account-nav{padding:13px;position:sticky;top:16px}.account-nav-intro{display:flex;align-items:center;gap:10px;padding:11px 8px 16px;border-bottom:1px solid #e9eff5;margin-bottom:7px}.account-nav-avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:#09243c;color:#4dd9ff;font-weight:900}.account-nav-intro>div{display:flex;flex-direction:column;min-width:0;gap:3px}.account-nav-intro strong{font-size:12px;color:#18324f}.account-nav-intro small{font-size:9px;color:#8493a5;overflow-wrap:anywhere}.customer-account-nav>a,.customer-account-nav form button{width:100%;display:flex;align-items:center;gap:11px;padding:12px 10px;border-radius:9px;text-align:left;color:#4a5e77;background:transparent;border:0;text-decoration:none;font-size:11px;font-weight:750;cursor:pointer}.customer-account-nav>a>span,.customer-account-nav form button>span{display:inline-grid;place-items:center;width:20px;color:#1596c4;font-size:17px}.customer-account-nav>a:hover,.customer-account-nav>a.is-active{background:#eaf7fe;color:#0879a8}.customer-account-nav form{border-top:1px solid #edf1f6;margin-top:7px;padding-top:6px}.customer-account-nav form button{color:#ae4a40}.customer-account-nav form button:hover{background:#fff1ee}.account-content-card{padding:clamp(18px,3vw,30px);min-width:0}.account-card-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:20px;margin-bottom:19px;border-bottom:1px solid #eaf0f5}.account-card-heading h2{font-size:18px;color:#173350;margin:0 0 6px}.account-card-heading p{font-size:11px;line-height:1.65;color:#71839a;margin:0}.account-status-chip,.account-count{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:7px 9px;border-radius:8px;background:#eaf8f2;color:#16825e;font-size:10px;font-weight:800}.account-count{background:#edf7fc;color:#087da9}.account-profile-form{max-width:640px}.form-help{color:#8390a2;font-size:10px;margin:-3px 0 4px}.account-inline-help{display:flex;gap:13px;padding:17px;margin-top:27px;border:1px solid #d7ecf8;background:#f3fbff;border-radius:12px}.account-inline-help>span{color:#0b99c9;font-size:23px}.account-inline-help strong{font-size:12px;color:#1a3c5b}.account-inline-help p{font-size:11px;color:#6d8097;margin:5px 0}.account-inline-help a{color:#087da9;font-size:11px;font-weight:800}.account-flash{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:17px;border:1px solid #bcead9;background:#edfbf5;border-radius:10px;color:#187752;font-size:12px;font-weight:700}.account-flash span{font-weight:900}.account-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 15px;border:1px dashed #d9e4ef;border-radius:13px;background:#fafcff}.account-empty-state>span{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#e9f7fd;color:#0585b5;font-size:27px}.account-empty-state h3{font-size:16px;color:#1e3855;margin:14px 0 6px}.account-empty-state p{max-width:390px;color:#76869a;font-size:12px;line-height:1.7;margin:0 0 16px}.saved-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-address-card{min-width:0;border:1px solid #dfe8f1;border-radius:12px;padding:16px;background:#fff}.saved-address-card.is-default{border-color:#7acbe8;box-shadow:inset 0 0 0 1px #7acbe826}.saved-address-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.saved-address-top strong{font-size:11px;color:#0c80ac}.saved-address-top span{font-size:9px;color:#16815d;background:#edf9f3;border-radius:20px;padding:4px 7px}.saved-address-card h3{font-size:13px;color:#1b3554;margin:13px 0 6px}.saved-address-card p{font-size:11px;line-height:1.55;color:#6f8197;margin:3px 0;overflow-wrap:anywhere}.address-card-actions{display:flex;align-items:center;gap:17px;margin-top:15px;padding-top:11px;border-top:1px solid #eff3f7}.address-card-actions a,.address-card-actions button{border:0;padding:0;background:none;color:#067ea9;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.address-card-actions button{color:#b1483f}.account-form-divider{display:flex;align-items:center;gap:12px;margin:28px 0 14px;color:#1d92ba;font-size:9px;letter-spacing:1.3px;font-weight:900}.account-form-divider:after{content:"";height:1px;flex:1;background:#e1eaf2}.customer-order-list,.customer-review-list{display:flex;flex-direction:column;gap:14px}.customer-order-card,.customer-review-card{padding:17px;border:1px solid #dfe8f1;border-radius:12px;background:#fff}.customer-order-card>header{display:flex;align-items:center;justify-content:space-between;gap:13px}.customer-order-card>header>div{display:flex;flex-direction:column;gap:4px}.customer-order-card>header small{color:#8392a5;font-size:8px;letter-spacing:1px;font-weight:900}.customer-order-card>header strong{color:#193653;font-size:12px}.order-status-chip{padding:6px 9px;border-radius:20px;background:#fff6e8;color:#9a6714;font-size:9px;font-weight:900}.order-status-chip.status-delivered,.order-status-chip.status-paid{background:#eaf8f0;color:#148058}.order-card-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;margin-top:10px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;color:#79899c;font-size:10px}.order-card-meta strong{color:#1b3552;font-size:14px}.order-card-items>div{display:flex;justify-content:space-between;gap:12px;padding-top:10px;color:#405974;font-size:11px}.order-card-items small{color:#8492a5}.order-card-items strong{white-space:nowrap}.order-payment-note{margin:13px 0 0;padding:10px 12px;border-radius:8px;background:#fff7e9;color:#8d6422;font-size:10px;line-height:1.6}.favorite-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.favorite-product-card{overflow:hidden;border:1px solid #dfe8f1;border-radius:12px;background:#fff}.favorite-product-art{height:115px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:radial-gradient(ellipse at center,#daf3ff,#f3f9fe 70%);color:#057cae;text-decoration:none}.favorite-product-art span{font-size:9px;letter-spacing:1.4px;font-weight:900}.favorite-product-art strong{font-size:34px}.favorite-product-copy{display:flex;flex-direction:column;align-items:flex-start;padding:14px;gap:6px}.favorite-product-copy small{font-size:9px;color:#7f8ea2}.favorite-product-copy>a{text-decoration:none}.favorite-product-copy h3{font-size:12px;color:#1c3654;margin:0;line-height:1.5}.favorite-product-copy>strong{font-size:16px;color:#142c48}.favorite-product-actions{display:flex;flex-direction:column;gap:7px;padding:0 14px 14px}.favorite-product-actions .btn{display:flex;align-items:center;justify-content:center;min-height:34px;font-size:10px}.favorite-product-actions form{display:block}.favorite-product-actions button{width:100%;min-height:33px;padding:6px;border:1px solid #dce6f0;border-radius:8px;background:#fff;color:#6e7e92;font:inherit;font-size:10px;cursor:pointer}.customer-review-card{position:relative}.review-stars{color:#efa92d;letter-spacing:2px;font-size:17px}.review-publication{position:absolute;right:15px;top:15px;padding:5px 8px;border-radius:20px;background:#fff5e6;color:#9a6c17;font-size:9px;font-weight:800}.review-publication.is-published{background:#eaf8f0;color:#16825b}.customer-review-card h3{color:#1a3655;font-size:14px;margin:10px 0 3px}.customer-review-card>a{color:#0a83ae;font-size:10px;font-weight:800;text-decoration:none}.customer-review-card p{color:#60748c;font-size:12px;line-height:1.75}.customer-review-card>small{color:#8996a7;font-size:10px}
.checkout-hero .content-hero-inner{padding-top:28px;padding-bottom:29px}.checkout-hero .content-hero .eyebrow{margin-top:13px}.checkout-page-shell{max-width:1250px;margin-top:22px}.checkout-progress{display:flex;align-items:center;gap:14px;max-width:540px;margin:0 auto 25px;color:#8997aa;font-size:10px;font-weight:800}.checkout-progress>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.checkout-progress b{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e9eef5;color:#73849a;font-size:10px}.checkout-progress .is-complete,.checkout-progress .is-current{color:#1b3654}.checkout-progress .is-complete b{background:#e6f8ef;color:#159365}.checkout-progress .is-current b{background:#0d8fbe;color:white;box-shadow:0 0 0 4px #0d8fbe18}.checkout-progress>i{height:1px;flex:1;background:#dce5ef}.checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:19px;align-items:start}.checkout-main-column{display:flex;flex-direction:column;gap:15px;min-width:0}.checkout-card,.checkout-summary-card{background:#fff;border:1px solid #dce6f0;border-radius:15px;box-shadow:0 9px 27px rgba(13,43,76,.045);padding:clamp(17px,2.5vw,25px);min-width:0}.checkout-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:19px}.checkout-step{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#e7f7fd;color:#0588b7;font-size:11px;font-weight:900}.checkout-card-heading h2{margin:0 0 4px;color:#1a3553;font-size:16px}.checkout-card-heading p{margin:0;color:#77889e;font-size:10px;line-height:1.65}.checkout-card>label:not(.form-checkbox){display:block;margin:0 0 7px;color:#2c4360;font-size:10px;font-weight:800}.checkout-select{min-height:42px}.checkout-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checkout-form-grid>div{min-width:0;display:flex;flex-direction:column;gap:6px}.checkout-form-grid label{color:#2a415e;font-size:10px;font-weight:800}.checkout-form-grid label small{color:#8594a7;font-weight:500}.checkout-full-field{grid-column:1/-1}.checkout-inline-options{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:17px;padding-top:14px;border-top:1px solid #edf1f6}.checkout-inline-options .form-checkbox{align-items:center}.invoice-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:17px}.invoice-choice{position:relative;cursor:pointer}.invoice-choice input{position:absolute;opacity:0}.invoice-choice>span{display:grid;grid-template-columns:35px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:14px;border:1px solid #dce5ef;border-radius:11px;background:#fbfdff}.invoice-choice>span>b{grid-row:1/3;display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#eaf3fc;color:#137ca6;font-size:18px}.invoice-choice strong{color:#1d3856;font-size:12px}.invoice-choice small{color:#8190a4;font-size:9px;margin-top:2px}.invoice-choice input:checked+span{border-color:#139ac8;background:#f0fbff;box-shadow:0 0 0 2px #21acd41a}.corporate-invoice-fields{display:none;padding-top:2px}.corporate-invoice-fields.is-visible{display:block}.is-hidden{display:none!important}.invoice-privacy-note{display:flex;gap:8px;padding:11px 12px;background:#eff9fd;color:#54708a;border-radius:9px;font-size:10px;line-height:1.6;margin:14px 0 0}.invoice-privacy-note span{font-weight:900;color:#068fbe}.individual-invoice-note{display:flex;gap:9px;padding:12px;background:#eff9f4;border-radius:9px;color:#427b62;font-size:10px;line-height:1.6}.individual-invoice-note>span{color:#148a5d;font-weight:900}.checkout-legal-card{background:#fcfdff}.checkout-legal-check{display:flex;gap:10px;align-items:flex-start;color:#526780;font-size:11px;line-height:1.7;padding:8px 0}.checkout-legal-check input{margin-top:4px;accent-color:#078dbd}.checkout-legal-check a{color:#087da9;text-decoration:underline;font-weight:800}.checkout-legal-warning{margin:10px 0 0;padding:12px;border-radius:9px;background:#fff5e6;color:#876223;font-size:10px;line-height:1.7}.checkout-summary-card{position:sticky;top:16px;padding:22px}.checkout-summary-card>.eyebrow{font-size:9px;letter-spacing:1.4px;color:#0692c0;font-weight:900}.checkout-summary-card h2{font-size:20px;color:#152e4b;margin:6px 0 18px}.checkout-preview-items{display:flex;flex-direction:column;gap:0;padding:0 0 13px;border-bottom:1px solid #eaf0f5}.checkout-preview-items>p{font-size:11px;color:#7b8ba0}.checkout-preview-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;color:#4e627c;font-size:10px;line-height:1.55}.checkout-preview-item strong{color:#233d5b;white-space:nowrap}.checkout-estimate-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0 8px;color:#647790;font-size:11px}.checkout-estimate-line strong{font-size:18px;color:#15304f}.checkout-estimate-note{margin:0 0 16px;color:#8290a3;font-size:9px;line-height:1.7}.checkout-submit-button{width:100%;min-height:47px;justify-content:center}.checkout-payment-note{display:flex;gap:8px;padding:11px;margin:12px 0;background:#fff7e9;border:1px solid #f5e0b5;border-radius:9px;color:#856022;font-size:9px;line-height:1.7}.checkout-payment-note span{font-weight:900}.checkout-back-link{display:block;text-align:center;margin:14px 0;color:#197ca5;font-size:10px;font-weight:800;text-decoration:none}.checkout-trust-list{display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px solid #eaf0f5;color:#64816f;font-size:9px}.checkout-validation-summary:not(:empty){padding:12px;border:1px solid #f1c9c4;background:#fff6f5;border-radius:9px}.order-created-shell{width:var(--page);max-width:780px;margin:55px auto 80px}.order-created-card{padding:clamp(25px,5vw,55px);text-align:center;background:#fff;border:1px solid #dce7f0;border-radius:22px;box-shadow:0 22px 55px #133d6810}.order-created-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 23px;border-radius:20px;background:#e9f9f1;color:#149262;font-size:28px;font-weight:900}.order-created-card>.eyebrow{color:#0b91bf;font-size:9px;letter-spacing:1.4px;font-weight:900}.order-created-card h1{font-size:clamp(27px,4vw,40px);letter-spacing:-1.4px;color:#16324f;margin:10px 0}.order-created-lead{color:#72839a;font-size:12px}.order-created-lead strong{color:#173958}.order-created-summary{display:grid;grid-template-columns:repeat(2,1fr);margin:27px 0;padding:18px 0;border-block:1px solid #e8eef4}.order-created-summary div{display:flex;flex-direction:column;gap:7px}.order-created-summary div+div{border-left:1px solid #e5ecf3}.order-created-summary span{color:#8290a3;font-size:10px}.order-created-summary strong{color:#1a3855;font-size:15px}.checkout-payment-alert{text-align:left;padding:15px;background:#fff7e8;border:1px solid #f2dfb3;border-radius:11px;color:#7f5c20}.checkout-payment-alert strong{font-size:11px}.checkout-payment-alert p{font-size:10px;line-height:1.7;margin:6px 0 0}.order-created-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.catalog-favorite-form{display:block;margin:0 12px 10px;text-align:center}.catalog-favorite-form button,.catalog-favorite-login,.detail-favorite-form button,.detail-favorite-login{display:block;width:100%;padding:8px 10px;border:1px solid #dce8f1;border-radius:8px;background:#fff;color:#177eaa;font-size:10px;font-weight:800;text-decoration:none;cursor:pointer}.catalog-favorite-form button:hover,.catalog-favorite-login:hover,.detail-favorite-form button:hover,.detail-favorite-login:hover{border-color:#39b3df;background:#effaff;color:#056d97}.detail-favorite-form{margin:10px 0 0}.detail-favorite-form button,.detail-favorite-login{max-width:260px;text-align:center;padding:11px 14px}.detail-favorite-login{display:inline-block}.cart-shell .checkout-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:1000px){.customer-signup{padding:9px}.customer-menu>summary .action-icon,.customer-signin .action-icon{width:36px;height:36px;flex-basis:36px}.customer-dropdown{right:-65px}.customer-auth-page{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:15px}.account-page-layout{grid-template-columns:215px minmax(0,1fr)}.checkout-layout{grid-template-columns:minmax(0,1fr) 300px;gap:13px}}
@media(max-width:680px){.customer-account{margin-left:auto}.customer-auth-actions{gap:5px}.customer-account-caption{display:none}.customer-signin .action-icon,.customer-menu>summary .action-icon{width:35px;height:35px;flex-basis:35px}.customer-signup{font-size:10px;padding:9px 10px}.customer-menu>summary{gap:3px}.customer-menu-chevron{display:none}.customer-dropdown{right:-60px;top:calc(100% + 10px);width:min(270px,calc(100vw - 30px))}.cart-link{gap:6px}.customer-auth-page{grid-template-columns:1fr;margin:20px auto 42px;gap:13px}.customer-auth-card{padding:23px 19px;border-radius:17px}.customer-auth-brand{margin-bottom:20px}.customer-auth-aside{padding:24px;border-radius:17px}.auth-orbit{width:72px;height:72px;border-radius:18px;margin-bottom:23px}.customer-auth-aside h2{font-size:35px}.customer-auth-aside>p{font-size:11px}.customer-form-row{gap:9px}.customer-form-row input{min-width:0}.account-page-shell{margin:18px auto 42px}.account-page-heading{margin-bottom:15px}.account-page-heading .breadcrumbs{margin-bottom:12px}.account-page-heading h1{font-size:30px}.account-page-layout{grid-template-columns:1fr;gap:12px}.customer-account-nav{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:9px}.account-nav-intro{grid-column:1/-1}.customer-account-nav>a,.customer-account-nav form button{padding:10px 8px;font-size:10px}.customer-account-nav form{grid-column:1/-1;margin-top:2px}.account-content-card{padding:17px 13px}.account-card-heading{gap:8px}.account-card-heading h2{font-size:15px}.account-card-heading p{font-size:10px}.account-status-chip,.account-count{font-size:9px;padding:6px}.saved-address-grid,.favorite-products-grid{grid-template-columns:1fr}.customer-order-card{padding:12px}.order-card-meta{align-items:flex-start;flex-direction:column;gap:5px}.review-publication{position:static;display:inline-flex;margin-top:8px}.checkout-hero .content-hero-inner{padding-top:22px;padding-bottom:22px}.checkout-progress{gap:7px;font-size:8px;margin-bottom:15px}.checkout-progress b{width:23px;height:23px;border-radius:7px}.checkout-layout{grid-template-columns:1fr}.checkout-summary-card{position:static;order:-1}.checkout-form-grid{gap:11px}.checkout-card{padding:16px 13px}.checkout-card-heading{align-items:flex-start}.checkout-card-heading h2{font-size:14px}.checkout-card-heading p{font-size:9px}.checkout-inline-options{flex-direction:column;gap:9px}.invoice-choice>span{padding:10px;grid-template-columns:28px minmax(0,1fr);column-gap:7px}.invoice-choice>span>b{width:28px;height:28px}.invoice-choice strong{font-size:11px}.invoice-choice small{font-size:8px}.order-created-shell{margin:28px auto 45px}.order-created-summary strong{font-size:13px}.checkout-summary-card{padding:18px}.checkout-validation-summary:not(:empty){font-size:10px}}
@media(prefers-reduced-motion:reduce){.customer-auth-page *,.account-page-shell *,.checkout-page-shell *{transition:none!important}}


/* Self-hosted image CAPTCHA on customer login and registration */
.captcha-panel{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid #d7e6f3;border-radius:13px;background:linear-gradient(145deg,#f8fbff,#f3f9fd)}
.captcha-panel-heading{display:flex;align-items:center;gap:10px}
.captcha-panel-heading>span:last-child{display:flex;flex-direction:column;gap:3px}
.captcha-panel-heading strong{font-size:12px;color:#173a5e}
.captcha-panel-heading small{font-size:10px;line-height:1.5;color:#6c8298}
.captcha-shield{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#e1f5ff;color:#0981b2;font-size:16px;font-weight:900}
.self-hosted-captcha-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.self-hosted-captcha-image{display:block;width:min(100%,320px);height:auto;min-height:70px;object-fit:contain;border:1px solid #d9e4ee;border-radius:10px;background:#f4f9ff}
.captcha-refresh-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 12px;border:1px solid #d6e2ed;border-radius:9px;background:#fff;color:#17668e;font-size:11px;font-weight:800;cursor:pointer}
.captcha-refresh-button:hover{border-color:#38b8e1;background:#f0fbff}
.captcha-refresh-button:disabled{opacity:.6;cursor:wait}
.captcha-panel .captcha-instruction{font-size:10px;line-height:1.5;color:#73869a}
.captcha-panel .captcha-unavailable{margin:0;color:#a33b31;font-size:11px;line-height:1.5}
@media(max-width:400px){.captcha-panel{padding:11px}.self-hosted-captcha-row{align-items:stretch}.self-hosted-captcha-image{width:100%;max-width:100%}.captcha-refresh-button{width:100%}}

/* Customer account follow-up: order detail, review flow, and API recovery state. */
.account-flash-error{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;margin:0 0 16px;border:1px solid #f4c7c1;border-radius:12px;background:#fff4f2;color:#963c31;font-size:13px;font-weight:650;line-height:1.55}
.account-flash-error>span{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:7px;background:#ffe2dd;color:#a43b30;font-weight:900}
.account-order-details-link{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #e9eff6;color:#087cab;font-size:12px;font-weight:800;text-decoration:none}
.account-order-details-link:hover{color:#e85a27}
.order-detail-content>.account-card-heading{padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e6edf5}
.order-detail-items{display:grid;gap:12px}
.order-detail-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px;border:1px solid #e2eaf3;border-radius:13px;background:#fbfdff}
.order-detail-product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:11px;background:linear-gradient(135deg,#e7f4ff,#effaff);color:#1386b9;font-size:22px}
.order-detail-product-copy{display:grid;gap:5px;min-width:0}
.order-detail-product-copy strong{color:#182f4e;font-size:13px;line-height:1.5}
.order-detail-product-copy small{color:#71829a;font-size:11px}
.order-detail-line-total{color:#172e4d;font-size:13px;white-space:nowrap}
.order-review-form-toggle{margin:-4px 0 7px 61px;padding:0 0 13px}
.order-review-form-toggle>summary{display:inline-flex;align-items:center;gap:8px;padding:6px 0;color:#087cab;font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.order-review-form-toggle>summary::-webkit-details-marker{display:none}
.order-review-form-toggle>summary:after{content:'+';display:grid;place-items:center;width:20px;height:20px;border:1px solid #d4e7f5;border-radius:6px}
.order-review-form-toggle[open]>summary:after{content:'−'}
.order-review-form{margin-top:11px;padding:16px;border:1px solid #e2eaf3;border-radius:12px;background:#fbfdff}
.order-review-form select,.order-review-form input,.order-review-form textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #d7e1ec;border-radius:9px;background:#fff;color:#1b3150;font:inherit;font-size:13px}
.order-review-form textarea{resize:vertical;min-height:92px}
.order-review-form label{display:block;margin:10px 0 6px;color:#334963;font-size:12px;font-weight:800}
.order-review-form .customer-submit{margin-top:12px}
.order-detail-totals{display:grid;gap:10px;margin:18px 0 0 auto;padding:17px;max-width:360px;border:1px solid #e1e9f2;border-radius:13px;background:#f8fbff}
.order-detail-totals>div{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#63758d;font-size:12px}
.order-detail-totals strong{color:#203550;font-size:12px}
.order-detail-totals .order-detail-grand-total{padding-top:12px;border-top:1px solid #dfe8f2;color:#18304f;font-weight:850}
.order-detail-totals .order-detail-grand-total strong{font-size:17px;color:#087cab}
.order-detail-invoice{display:grid;gap:5px;margin-top:16px;padding:14px 16px;border:1px solid #e2eaf3;border-radius:12px}
.order-detail-invoice>strong{color:#203550;font-size:13px}
.order-detail-invoice>p{margin:0;color:#697c95;font-size:12px}
.account-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:16px;border-top:1px solid #e8eef5}
.account-detail-footer>a:last-child{color:#087cab;font-size:12px;font-weight:800;text-decoration:none}
.account-unavailable-card{min-height:300px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.account-unavailable-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#eef8ff;color:#0785b6;font-size:30px}
.account-unavailable-card h2{margin:17px 0 6px;color:#18304f;font-size:22px}
.account-unavailable-card p{max-width:620px;color:#687b94;font-size:13px;line-height:1.8}
.account-unavailable-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media(max-width:680px){.order-detail-item{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:10px}.order-detail-product-icon{width:40px;height:40px}.order-detail-line-total{grid-column:2;font-size:12px}.order-review-form-toggle{margin-left:50px}.order-review-form{padding:12px}.order-detail-totals{max-width:none}.account-detail-footer{align-items:stretch;flex-direction:column}.account-detail-footer>*{width:100%;text-align:center;justify-content:center}}

.order-review-submitted{margin:-3px 0 14px 61px;padding:10px 12px;border:1px solid #ccebdc;border-radius:9px;background:#f2fcf6;color:#20774b;font-size:11px;font-weight:750;line-height:1.55}
@media(max-width:680px){.order-review-submitted{margin-left:50px}}

.account-review-order-link{display:inline-flex;margin-top:9px;color:#087cab;font-size:11px;font-weight:800;text-decoration:none}.account-review-order-link:hover{color:#e85a27}

/* Asynchronous favorites controls — match cart behavior without form submits. */
.catalog-favorite-form button.is-favorited,.detail-favorite-form button.is-favorited{background:#e9f9f3;border-color:#bde8d5;color:#12805e}
.catalog-favorite-form button[aria-busy="true"],.detail-favorite-form button[aria-busy="true"],.favorite-product-actions button[aria-busy="true"]{opacity:.7;cursor:wait}
.favorite-product-actions button:hover{border-color:#31a8cf;color:#0c7da7;background:#f1faff}
.account-empty-state[hidden]{display:none!important}
.favorites-action-notice{position:fixed;z-index:2000;right:20px;bottom:20px;max-width:min(360px,calc(100vw - 40px));padding:13px 17px;border:1px solid #bfe6d7;border-radius:12px;background:#eafbf3;color:#126946;box-shadow:0 12px 36px #102a462b;font-size:12px;font-weight:700;line-height:1.5;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .18s,transform .18s}
.favorites-action-notice.is-visible{opacity:1;transform:translateY(0)}
.favorites-action-notice.is-error{border-color:#f1c5c2;background:#fff1ef;color:#a93c38}
@media(prefers-reduced-motion:reduce){.favorites-action-notice{transition:none}}

/* Uploaded product thumbnails: placeholder remains visible if none exists or image fails. */
.product-image,.favorite-product-art,.detail-image,.cart-item-art{position:relative;overflow:hidden}
.product-uploaded-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:12px;z-index:2}
.product-image>.product-uploaded-image{z-index:2}
.product-image>.product-badge{z-index:3}
.favorite-product-art>.product-uploaded-image{padding:10px}
.detail-uploaded-image{padding:24px;z-index:2;border-radius:16px}
.detail-image-top,.detail-image-bottom{z-index:3}
.cart-uploaded-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:white;padding:5px}
.checkout-preview-product{display:flex;align-items:center;gap:9px;min-width:0}
.checkout-preview-thumb{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;overflow:hidden;border:1px solid #e4eaf1;background:#f0f6fc;border-radius:8px;color:#2072ab;font-weight:900}
.checkout-preview-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.payment-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.payment-entry-card{margin-top:15px}
.payment-order-summary{position:sticky;top:20px}
.payment-not-live{margin-bottom:0}
.payment-not-live p{font-size:11px;line-height:1.7}
.card-network-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;color:#61738c;font-size:12px;font-weight:800}
.card-network-chip{display:flex;align-items:center;justify-content:center;width:115px;height:57px;border:1px solid #e0eaf4;border-radius:10px;background:#fff}
.card-network-chip img{max-width:91px;max-height:43px;object-fit:contain}
.card-network-chip [hidden]{display:none!important}
#card-network-placeholder{font-size:12px;letter-spacing:1px;color:#8491a4}
.payment-fields input{width:100%;padding:12px 13px;border:1px solid #dae4ee;border-radius:9px;font-size:13px;color:#183958;background:#fff}
.payment-fields input:focus{border-color:#0e94c5;outline:3px solid #179ad31c}
.payment-fields input[aria-invalid="true"]{border-color:#c23f41;background:#fffafa}
.payment-fields .field-validation{display:block;margin-top:5px;color:#b03135;font-size:11px;min-height:1em}
.payment-fields label{font-size:11px;color:#334967;font-weight:800}
.payment-cvv-wrap{position:relative}
.payment-cvv-wrap input{padding-right:68px}
.payment-cvv-wrap button{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#eef6fc;border:0;border-radius:7px;padding:7px 9px;color:#167dae;font-weight:800;font-size:10px;cursor:pointer}
.payment-fields-note{color:#79899e;font-size:10px;line-height:1.7;margin:13px 0 0}
.card-check-result{margin:12px 0;padding:13px;border-radius:9px;background:#fff0ee;color:#953a31;font-size:11px;line-height:1.6}
.card-check-result.is-valid{background:#eaf8f1;color:#13714e}
.payment-back-actions{display:flex;gap:24px;flex-wrap:wrap;margin:16px 3px;color:#1787b2;font-size:12px;font-weight:800}
.payment-order-summary .checkout-preview-item{align-items:flex-start}
.payment-order-summary .checkout-preview-item span{max-width:67%}
@media(max-width:860px){.payment-layout{grid-template-columns:1fr}.payment-order-summary{position:static;order:-1}}
@media(max-width:500px){.payment-fields{grid-template-columns:1fr}.payment-order-summary{padding:18px}.card-network-chip{width:100px;height:52px}}

.detail-media-column{min-width:0}
.detail-gallery{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 0}
.detail-gallery-thumb{width:74px;height:74px;padding:4px;border:1px solid #e0e8f1;border-radius:9px;background:#fff;cursor:pointer;overflow:hidden}
.detail-gallery-thumb.is-selected,.detail-gallery-thumb:focus-visible{border-color:#188fbe;box-shadow:0 0 0 2px #168abd25}
.detail-gallery-thumb img{width:100%;height:100%;object-fit:contain}
@media(max-width:500px){.detail-gallery-thumb{width:60px;height:60px}}

/* Checkout POST failure: keep validation summary visible and readable. */
.checkout-validation-summary.validation-summary-valid{display:none!important}
.checkout-validation-summary.validation-summary-errors{display:block;border:1px solid #e9b1b1;background:#fff3f3;color:#8a2929;padding:14px 17px;border-radius:12px;font-size:12px;line-height:1.65}
.checkout-validation-summary.validation-summary-errors ul{margin:4px 0 0;padding-left:20px}
.checkout-validation-summary.validation-summary-errors li+li{margin-top:4px}

/* Product-card gallery. Separate media buttons from the product link: no nested controls. */
.product-media-slider { isolation:isolate; flex-shrink:0; }
.product-media-slider .product-media-link { position:absolute;inset:0;display:grid;place-items:center;z-index:1;touch-action:pan-y; }
.product-media-slider .product-slide-image { position:absolute;inset:0;width:100%;height:100%;padding:12px;object-fit:contain;background:#fff;opacity:0;visibility:hidden;z-index:3;pointer-events:none;transition:opacity .18s ease; }
.product-media-slider .product-slide-image.is-active {opacity:1;visibility:visible;}
.product-media-slider .product-badge { z-index:5;pointer-events:none; }
.product-media-slider .product-slide-arrow { position:absolute;top:50%;transform:translateY(-50%);z-index:6;display:grid;place-items:center;width:31px;height:37px;border:1px solid #d9e7f1;background:#ffffffee;border-radius:10px;color:#17628f;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 5px 14px #08233a20;opacity:0;transition:opacity .15s ease,background .15s ease; }
.product-media-slider:hover .product-slide-arrow,.product-media-slider:focus-within .product-slide-arrow { opacity:1; }
.product-media-slider .product-slide-arrow:hover {background:#eaf8ff;color:#087fac;}
.product-media-slider .product-slide-prev {left:8px;}
.product-media-slider .product-slide-next {right:8px;}
.product-media-slider .product-slide-dots {position:absolute;bottom:9px;left:50%;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:5px;padding:5px 7px;background:#ffffffdd;border:1px solid #e9eff5;border-radius:100px;max-width:calc(100% - 74px);}
.product-media-slider .product-slide-dot {width:6px;height:6px;min-width:6px;padding:0;border:0;border-radius:100px;background:#9eb4c5;cursor:pointer;transition:background .15s ease,width .15s ease;}
.product-media-slider .product-slide-dot.is-active {width:15px;background:#0789ba;}
.product-media-slider .product-slide-counter {position:absolute;top:10px;right:9px;z-index:6;display:block;padding:4px 7px;border-radius:6px;background:#fffefa;color:#42657d;font-size:9px;font-weight:800;box-shadow:0 3px 10px #10263d18;}
.product-media-slider [hidden] {display:none!important;}
.product-image-hover-preview {position:fixed;z-index:2000;display:flex;flex-direction:column;gap:8px;width:min(390px,42vw);padding:13px;background:#fff;border:1px solid #d6e5f1;border-radius:16px;box-shadow:0 24px 70px #132b4650;pointer-events:none;}
.product-image-hover-preview[hidden] {display:none;}
.product-image-hover-preview img {display:block;width:100%;height:min(355px,54vh);object-fit:contain;background:#fff;border-radius:10px;}
.product-image-hover-caption {font-size:12px;line-height:1.45;color:#183956;font-weight:750;max-height:3em;overflow:hidden;}
@media (hover:none) {.product-media-slider .product-slide-arrow{opacity:1;width:28px;height:33px;}}
@media (max-width:680px) {.product-media-slider .product-slide-arrow{width:26px;height:31px;font-size:21px;}.product-media-slider .product-slide-prev{left:4px;}.product-media-slider .product-slide-next{right:4px;}.product-media-slider .product-slide-counter{top:7px;right:6px;font-size:8px;}.product-media-slider .product-slide-dots{gap:3px;bottom:6px;padding:4px 6px;}.product-media-slider .product-slide-dot{width:5px;height:5px;min-width:5px;}.product-media-slider .product-slide-dot.is-active{width:10px;}.product-media-slider .product-slide-image{padding:7px;}}
@media (prefers-reduced-motion:reduce){.product-media-slider .product-slide-image,.product-media-slider .product-slide-arrow,.product-media-slider .product-slide-dot{transition:none;}}

/* Product detail: accessible previous/next controls over the main photograph. */
.detail-media-column [hidden] { display: none !important; }
.detail-gallery-arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  transform: translateY(-50%);
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 50%;
  background: rgba(12,36,58,.76);
  color: white;
  box-shadow: 0 7px 22px rgba(0,0,0,.2);
  cursor: pointer;
  transition: background .18s, border-color .18s, box-shadow .18s;
  touch-action: manipulation;
}
.detail-gallery-arrow span { line-height: 1; font-size: 36px; font-weight: 300; margin-top: -5px; }
.detail-gallery-prev { left: 14px; }
.detail-gallery-next { right: 14px; }
.detail-gallery-arrow:hover { background: rgba(9,124,168,.96); border-color: rgba(255,255,255,.7); }
.detail-gallery-arrow:focus-visible { outline: 3px solid #26b9ee; outline-offset: 3px; }
.detail-gallery-counter {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 48px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 999px;
  padding: 5px 12px;
  color: #fff;
  background: rgba(9,28,46,.76);
  font-size: 12px;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  pointer-events: none;
}
.detail-image[data-detail-stage] { touch-action: pan-y; }
@media(max-width:500px) {
  .detail-gallery-arrow { width: 36px; height: 36px; }
  .detail-gallery-arrow span { font-size: 30px; margin-top: -4px; }
  .detail-gallery-prev { left: 8px; }
  .detail-gallery-next { right: 8px; }
  .detail-gallery-counter { bottom: 40px; font-size: 11px; }
}
@media(prefers-reduced-motion:reduce) { .detail-gallery-arrow { transition: none; } }

/* Account > Addresses: make creation distinct from editing. */
.account-address-heading-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}
.account-add-address-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:9px;background:#087fae;color:#fff;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}
.account-add-address-link:hover{background:#075e85;color:#fff}
#adres-formu{scroll-margin-top:24px}
.address-edit-notice{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;padding:11px 13px;margin:0 0 14px;background:#edf8fe;border:1px solid #cdeaf7;border-radius:9px;font-size:11px;color:#345b78}
.address-edit-notice a{color:#087da9;font-weight:800;text-decoration:none}
.address-edit-notice a:hover{text-decoration:underline}
@media(max-width:680px){.account-addresses-heading{flex-direction:column}.account-address-heading-actions{width:100%;justify-content:space-between}.account-add-address-link{font-size:10px}}

/* Product detail: cursor-tracking magnifying lens. The cropped region follows
   the exact position over the rendered (object-fit:contain) product photo. */
@media (hover:hover) and (pointer:fine) {
  .detail-image[data-detail-stage] .detail-uploaded-image { cursor: crosshair; }
  .detail-image-hover-preview {
    width:min(560px, calc(100vw - 24px));
    max-height:calc(100vh - 24px);
    z-index:2100;
    pointer-events:none;
  }
  .detail-image-hover-preview .detail-zoom-viewport {
    position:relative;
    width:100%;
    height:min(520px, calc(100vh - 115px));
    min-height:160px;
    overflow:hidden;
    background:#fff;
    border-radius:10px;
  }
  .detail-image-hover-preview .detail-zoom-viewport > .detail-zoom-image {
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    min-height:0;
    object-fit:fill;
    padding:0;
    border:0;
    border-radius:0;
    pointer-events:none;
    user-select:none;
  }
  .detail-image-hover-preview .detail-zoom-level {
    position:absolute;
    top:10px;
    right:10px;
    z-index:1;
    padding:4px 8px;
    border-radius:7px;
    background:rgba(10,30,49,.76);
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
  }
  .detail-image-hover-preview .product-image-hover-caption { flex-shrink:0; }
}
@media (hover:none), (pointer:coarse) {
  .detail-image-hover-preview { display:none!important; }
}


/* Listing/gallery cards: the same cursor-centered 4x+ magnifier used on the
   product detail page (not a scaled-down whole-image thumbnail). */
@media (hover:hover) and (pointer:fine) {
  .product-media-slider.has-images .product-media-link { cursor: crosshair; }
  .product-card-magnifier {
    width:min(560px, calc(100vw - 24px));
    max-height:calc(100vh - 24px);
    z-index:2100;
    pointer-events:none;
  }
  .product-card-magnifier .detail-zoom-viewport {
    position:relative;
    width:100%;
    height:min(520px, calc(100vh - 115px));
    min-height:160px;
    overflow:hidden;
    background:#fff;
    border-radius:10px;
  }
  .product-card-magnifier .detail-zoom-viewport > .detail-zoom-image {
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    max-width:none;
    max-height:none;
    min-height:0;
    object-fit:fill;
    padding:0;
    border:0;
    border-radius:0;
    pointer-events:none;
    user-select:none;
  }
  .product-card-magnifier .detail-zoom-level {
    position:absolute;
    top:10px;
    right:10px;
    z-index:1;
    padding:4px 8px;
    border-radius:7px;
    background:rgba(10,30,49,.76);
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.02em;
  }
  .product-card-magnifier .product-image-hover-caption { flex-shrink:0; }
}
@media (hover:none), (pointer:coarse) {
  .product-card-magnifier { display:none!important; }
}

/* Touch-only product-details viewer: tap the current photo to open a full-screen
   image without changing the desktop cursor magnifier or listing-card swipes. */
.detail-mobile-lightbox[hidden] { display:none!important; }
.detail-mobile-lightbox {
  position:fixed;inset:0;z-index:3500;box-sizing:border-box;
  display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;
  padding:calc(12px + env(safe-area-inset-top, 0px)) 12px
          calc(12px + env(safe-area-inset-bottom, 0px));
  background:rgba(3,12,25,.97);color:#fff;overflow:hidden;overscroll-behavior:contain;
}
.detail-mobile-lightbox * { box-sizing:border-box; }
.detail-mobile-lightbox-header {
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  min-height:48px;padding:0 6px 12px;flex-shrink:0;
}
.detail-mobile-lightbox-count {font-size:14px;font-weight:800;color:#dcefff;font-variant-numeric:tabular-nums;}
.detail-mobile-lightbox-close {
  width:44px;height:44px;border:1px solid #54728a;border-radius:100px;
  background:#1d374e;color:#fff;font-size:22px;line-height:1;cursor:pointer;
}
.detail-mobile-lightbox-stage {
  position:relative;display:flex;align-items:center;justify-content:center;
  flex:1;min-height:0;min-width:0;touch-action:pan-y;
}
.detail-mobile-lightbox-image {
  display:block;width:100%;height:100%;max-height:100%;max-width:100%;
  object-fit:contain;user-select:none;-webkit-user-select:none;
}
.detail-mobile-lightbox-arrow {
  position:absolute;top:50%;transform:translateY(-50%);
  display:grid;place-items:center;width:42px;height:46px;
  border:1px solid #7691aa;border-radius:12px;background:rgba(8,26,45,.72);
  color:#fff;font-size:35px;line-height:1;cursor:pointer;
}
.detail-mobile-lightbox-arrow[hidden] {display:none!important;}
.detail-mobile-lightbox-arrow.is-prev {left:0;}
.detail-mobile-lightbox-arrow.is-next {right:0;}
.detail-mobile-lightbox-hint {
  flex-shrink:0;text-align:center;color:#a9bfce;font-size:12px;
  margin:0;padding:12px 0 2px;
}
.detail-mobile-lightbox button:focus-visible {outline:3px solid #34c8fa;outline-offset:3px;}
@media (hover:none) and (pointer:coarse) {
  .detail-image[data-detail-stage] .detail-uploaded-image {cursor:zoom-in;}
}
@media (hover:hover) and (pointer:fine) { .detail-mobile-lightbox {display:none!important;} }


/* Test-publication notice: intentionally independent of the hidden legacy promo bars. */
.storefront-test-notice {
  display: block;
  background: #fff6e8;
  border-bottom: 1px solid #f0cf9c;
  color: #70451a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}
.storefront-test-notice-inner {
  width: min(1320px, calc(100% - 40px));
  min-height: 42px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  padding: 8px 0;
  text-align: center;
}
.storefront-test-notice-icon {color: #ad6a15; font-size: 16px; line-height: 1; flex: none;}
.storefront-test-notice strong {font-weight: 800; color: #813e13;}

/* Footer attribution links to the external ARGENVO website. */
.footer-bottom {flex-wrap: wrap;}
.footer-bottom-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 11px 22px;
  flex-wrap: wrap;
  text-align: right;
  margin-left: auto;
}
.footer-powered-by {white-space: nowrap; color: #c3cee0;}
.footer-powered-by a {color: #fff; font-weight: 800; letter-spacing: .4px; text-decoration: none;}
.footer-powered-by a:hover {color: #ffb48d; text-decoration: underline;}
.footer-powered-by a:focus-visible {outline: 2px solid #ffb48d; outline-offset: 3px; border-radius: 2px;}
@media (max-width: 700px) {
  .storefront-test-notice {font-size: 11px;}
  .storefront-test-notice-inner {width: calc(100% - 28px); min-height: 0; padding: 10px 0; gap: 8px; align-items: flex-start;}
  .storefront-test-notice-icon {margin-top: 2px;}
  .footer-bottom-right {width: 100%; margin-left: 0; justify-content: flex-start; text-align: left;}
}


/* Merchant onboarding: visible card brands and official iyzico ile Öde media-kit logo. */
.merchant-checkout-brands{border:1px solid #dae6f0;border-radius:13px;background:linear-gradient(135deg,#f8fbfe,#ffffff);padding:15px 17px;margin:0 0 19px}
.merchant-checkout-brands-title{display:block;color:#35516d;font-size:11px;font-weight:800;margin-bottom:9px}
.merchant-checkout-brand-images{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.merchant-checkout-brand-images img{width:auto;max-height:51px;max-width:170px;object-fit:contain;padding:8px 12px;border:1px solid #e0e8f2;background:#fff;border-radius:9px;box-sizing:content-box}
.merchant-checkout-brand-images img:last-child{max-height:49px;max-width:170px;padding:8px 12px}
.merchant-checkout-brands p{font-size:10px;line-height:1.6;color:#6a7f96;margin:9px 0 0}
.merchant-payment-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px max(22px,calc((100% - 1320px)/2));border-top:1px solid #30435a;background:#0d2239;color:#b9cadb}
.merchant-payment-title{font-size:11px;font-weight:650}
/* Single official payment-logo band: maintain the SVG's original proportions, with a light backdrop for dark marks. */
.merchant-payment-logos{display:flex;align-items:center;max-width:100%;min-width:0}
.merchant-payment-logos .merchant-payment-logo-band{display:block;width:100%;max-width:459px;height:auto;max-height:none;object-fit:contain;padding:10px 14px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;box-sizing:border-box}
@media(max-width:650px){.merchant-payment-strip{padding:14px 20px;align-items:flex-start}.merchant-checkout-brand-images img{max-height:42px}.merchant-payment-logos{width:100%}.merchant-payment-logos .merchant-payment-logo-band{max-width:459px;height:auto}}

/* iyzico merchant review: visible privacy/return links next to the official payment marks. */
.merchant-payment-explainer{display:flex;flex-direction:column;gap:7px}
.merchant-payment-policy-links{display:flex;gap:15px;flex-wrap:wrap}
.merchant-payment-policy-links a{font-size:12px;color:#e3edf9;text-decoration:underline;text-underline-offset:3px}
.merchant-payment-policy-links a:hover,.merchant-payment-policy-links a:focus-visible{color:#fff}
.merchant-checkout-policies{margin:12px 0 0;display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;line-height:1.6}
.merchant-checkout-policies a{color:#126a9b;text-decoration:underline;text-underline-offset:2px}
.merchant-checkout-policies a:focus-visible,.merchant-payment-policy-links a:focus-visible{outline:2px solid #f59e0b;outline-offset:3px}
@media(max-width:650px){.merchant-payment-policy-links{gap:8px 15px}}

/* Official transparent cart identity provided in brand reference. */
img.brand-mark.brand-mark-image, .footer-brand img.brand-mark.brand-mark-image {background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;object-fit:contain!important;}

/* Account-security identity flow — responsive, consistent with storefront auth cards. */
.auth-security-card .security-brand { display:flex;align-items:center;gap:10px;text-decoration:none;margin-bottom:26px;color:inherit;font-size:23px;font-weight:800;letter-spacing:-.8px; }
.auth-security-card .security-brand strong{color:#0dacf0}.auth-security-card .security-brand small{display:block;font-size:9px;font-weight:600;letter-spacing:1.5px;color:#6f8199;margin-top:2px}
.security-alert{margin:16px 0;padding:14px 16px;border-radius:13px;background:#eaf5ff;border:1px solid #c0ddfc;color:#164f80;font-size:14px;line-height:1.6}
.security-setting-card{display:flex;gap:16px;align-items:center;border:1px solid #e0e8f3;border-radius:16px;padding:18px;margin:15px 0;background:#f8fbff}
.security-setting-icon{width:44px;height:44px;border-radius:14px;background:transparent;display:grid;place-items:center;flex-shrink:0;font-size:23px}
.security-setting-card strong{display:block;font-size:15px}.security-setting-card small{display:block;margin-top:5px;color:#334155;line-height:1.5}
.auth-security-form{max-width:450px;margin-top:20px}.auth-security-form input{max-width:100%}
@media (prefers-color-scheme:dark){.security-alert{background:#142c42;border-color:#245578;color:#c0e5ff}}
@media(max-width:700px){.security-setting-card{padding:14px}.auth-security-card .security-brand{font-size:20px}}

/* Go-live order UI: real product thumbnails with fallback and clear, purposeful actions. */
.order-detail-product-icon {
  position: relative;
  overflow: hidden;
  flex: none;
  background: #f3f8ff;
  border: 1px solid #dfebf7;
}
.order-detail-product-placeholder { display: grid; place-items: center; width: 100%; height: 100%; }
.order-detail-product-icon img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 3px;
  object-fit: contain;
  background: #fff;
  color: transparent;
}
.order-card-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 15px; padding-top: 13px; border-top: 1px solid #e7eef6; }
.order-action-button,
.account-order-details-link.order-action-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 39px;
  padding: 9px 15px;
  margin-top: 0;
  border: 1px solid transparent;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
  text-align: center;
  line-height: 1.35;
  box-shadow: none;
}
.order-action-button:hover { transform: translateY(-1px); }
.order-action-button:focus-visible { outline: 3px solid #61c8ec; outline-offset: 2px; }
.order-action-details { background: #116ec6; border-color: #116ec6; color: #fff; }
.order-action-details:hover { background: #0757a2; border-color: #0757a2; color: #fff; }
.order-action-payment { background: #047c58; border-color: #047c58; color: #fff; }
.order-action-payment:hover { background: #036348; border-color: #036348; color: #fff; }
.order-action-return { background: #fff7ed; border-color: #f8c797; color: #a34d10; }
.order-action-return:hover { background: #ffedd5; border-color: #eeaa66; color: #853a09; }
.order-payment-note .order-action-return { margin-top: 9px; margin-left: 8px; vertical-align: middle; }
@media (max-width: 680px) {
  .order-card-actions { gap: 8px; }
  .order-card-actions .order-action-button { flex: 1 1 auto; }
  .order-detail-product-icon img { padding: 2px; }
  .order-payment-note .order-action-return { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) { .order-action-button:hover { transform: none; } }

/* Customer-visible return history (server-rendered, never raw HTML from user notes). */
.order-return-details{grid-column:1/-1;margin:8px 0 18px;padding:18px 20px;border:1px solid #c8ddef;border-radius:14px;background:#f4f9ff;color:#1a3557}
.order-return-details h3{font-size:16px;margin:0 0 12px;color:#125da4}
.order-return-details>div{margin:9px 0;line-height:1.6;font-size:13px}
.order-return-details strong{font-weight:750;display:block;color:#344f70}
.order-return-details p{margin:3px 0;color:#263e58;white-space:pre-wrap;overflow-wrap:anywhere}
.order-return-details time{color:#314f70}
.order-return-caution{padding:9px 12px;border-radius:8px;background:#e6f2ff;font-size:12px;color:#204d7a!important}