.static-anchor { display: block; position: relative; top: -8rem; visibility: hidden; }

.static-product-page { padding: 3.6rem 0 8rem; background: #fff; }
.static-product { max-width: 120rem; }
.static-product__layout { display: grid; grid-template-columns: minmax(0, 71.5rem) minmax(0, 34.5rem); gap: 4rem; align-items: start; }
.static-product__gallery { position: sticky; top: 3rem; min-width: 0; }
.static-product__main-image { position: relative; aspect-ratio: 1; overflow: hidden; border: .1rem solid #e7e7e7; background: #f8f8fa; }
.static-product__main-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.static-product__zoom { display: none; }
.static-product__zoom-dialog { width: min(92vw, 90rem); max-width: none; padding: 0; border: 0; background: #fff; }
.static-product__zoom-dialog::backdrop { background: rgba(0,0,0,.72); }
.static-product__zoom-dialog img { display: block; width: 100%; height: auto; max-height: 90vh; object-fit: contain; }
.static-product__zoom-dialog button { position: absolute; z-index: 2; top: 1rem; right: 1rem; display: grid; width: 4rem; height: 4rem; padding: 0; place-items: center; border: .1rem solid #ddd; border-radius: 50%; background: rgba(255,255,255,.92); color: #111; font-size: 2.4rem; cursor: pointer; }
.static-product__thumbs { display: grid; grid-template-columns: repeat(5, 13.6rem); gap: .9rem; margin-top: 2.4rem; }
.static-product__thumbs:empty { display: none; }
.static-product__thumbs button { aspect-ratio: 1; padding: 0; overflow: hidden; border: .1rem solid #e2e2e2; background: #f8f8fa; cursor: pointer; }
.static-product__thumbs button.is-active { border: .2rem solid #111; }
.static-product__thumbs img { display: block; width: 100%; height: 100%; object-fit: contain; }
.static-product__info { position: sticky; top: 2rem; min-width: 0; }
.static-product__info h1 { margin: 0; color: #090909; font: 400 4rem/1.3 Montserrat, sans-serif; letter-spacing: .01em; }
.static-product__deal { display: inline-block; margin-top: .2rem; padding: .35rem .65rem; background: #080808; color: #fff; font-size: 1.1rem; font-weight: 700; letter-spacing: .04em; line-height: 1; text-transform: uppercase; }
.static-product__rating { display: flex; align-items: center; gap: 1rem; margin: 1.4rem 0 0; color: #666; font-size: 1.05rem; }
.static-product__stars { display: inline-flex; gap: .15rem; color: #fff; }
.static-product__stars i { display: grid; width: 1.75rem; height: 1.75rem; place-items: center; background: #00b67a; color: #fff; font-size: 1.25rem; font-style: normal; line-height: 1; }
.static-product__stars i:last-child { background: linear-gradient(90deg, #00b67a 65%, #d7dce0 65%); }
.static-product__price { display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem; margin: 1.5rem 0 .7rem; color: #111; font-size: 1.8rem; }
.static-product__price s { color: #656565; font-size: 1.45rem; }
.static-product__price strong { font-weight: 400; }
.static-product__saving { padding: .45rem .85rem; border-radius: 99rem; background: #050b2b; color: #fff; font-size: 1.05rem; font-weight: 700; }
.static-product__taxes { margin: 0; color: #6a6a6a; font-size: 1.05rem; }
.static-product__options { margin: 1.9rem 0 1.8rem; }
.static-product__option { margin: 0 0 1.45rem; padding: 0; border: 0; }
.static-product__option legend { margin-bottom: .75rem; padding: 0; color: #565656; font-size: 1.15rem; }
.static-product__option div { display: flex; flex-wrap: wrap; gap: .75rem; }
.static-product__option button { min-width: 5.4rem; padding: .8rem 1.5rem; border: .1rem solid #8d8d8d; border-radius: 99rem; background: #fff; color: #111; font: inherit; font-size: 1.2rem; cursor: pointer; }
.static-product__option button.is-selected { border-color: #080808; background: #080808; color: #fff; }
.static-product__option button:disabled { cursor: not-allowed; opacity: .35; text-decoration: line-through; }
.static-product__benefits { display: grid; gap: 1rem; margin: 1.7rem 0; padding: 0; list-style: none; color: #272727; font-size: 1.25rem; }
.static-product__benefits li { display: flex; align-items: center; gap: .9rem; }
.static-product__benefits svg { width: 1.9rem; height: 1.9rem; flex: 0 0 auto; }
.static-product__stock-heading { display: flex; align-items: center; gap: 1rem; margin: 1.8rem 0 1rem; color: #111; font-size: 1.15rem; font-weight: 700; text-transform: uppercase; }
.static-product__stock-heading::before, .static-product__stock-heading::after { content: ""; height: .1rem; flex: 1; background: #9b9b9b; }
.static-product__timer { margin: 0 0 1.2rem; padding: 1.1rem 1.4rem; border-radius: .9rem; background: #dedee3; color: #111; font-size: 1.1rem; font-weight: 700; text-align: center; }
.static-product__bundles { display: grid; gap: 1rem; margin-bottom: 3rem; }
.static-product__bundle { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem; width: 100%; padding: 1.45rem 1.6rem; border: .1rem solid #aab0bd; border-radius: 1.1rem; background: #eeeef1; color: #060606; font: inherit; text-align: left; cursor: pointer; }
.static-product__bundle.is-selected, .static-product__bundle[data-bundle-card].is-selected { border: .2rem solid #03082c; background: #fff; }
.static-product__bundle-heading { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 1.2rem; width: 100%; padding: 1.45rem 1.6rem 1.1rem; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.static-product__bundle[data-bundle-card] { position: relative; display: block; padding: 0; overflow: visible; border: .1rem solid #aab0bd; border-radius: 1.1rem; background: #eeeef1; }
.static-product__offer-dot { width: 2.2rem; height: 2.2rem; border: .2rem solid #aab0bd; border-radius: 50%; background: #fff; }
.static-product__bundle.is-selected .static-product__offer-dot { border: .25rem solid #03082c; box-shadow: inset 0 0 0 .4rem #fff; background: #03082c; }
.static-product__bundle strong, .static-product__bundle-heading > strong { color: #050505; font-size: 1.65rem; }
.static-product__offer-price { text-align: right; }
.static-product__offer-price strong { display: block; font-size: 1.8rem; }
.static-product__offer-price s { display: block; color: #777; font-size: 1.05rem; font-weight: 300; }
.static-product__popular { position: absolute; z-index: 1; top: -1.15rem; right: -.2rem; padding: .45rem .8rem; border-radius: .5rem; background: #03082c; color: #fff; font-size: 1rem; font-weight: 700; line-height: 1; text-transform: uppercase; }
.static-product__bundle-controls { padding: 0 1.8rem 1.25rem; }
.static-product__bundle-controls::before { content: "Color, Size"; display: block; margin-bottom: .5rem; color: #666; font-size: 1rem; }
.static-product__bundle-row { display: grid; grid-template-columns: 3.5rem repeat(var(--bundle-options, 2), max-content); gap: .7rem; align-items: center; justify-content: start; margin-top: .7rem; }
.static-product__bundle-row img { width: 3.5rem; height: 3.5rem; object-fit: contain; }
.static-product__bundle-unit { color: #222; font-size: 1.05rem; text-align: center; }
.static-product__bundle-row select { width: auto; max-width: 11rem; height: 3.3rem; padding: 0 2.5rem 0 .8rem; border: .1rem solid #aeb3be; border-radius: .5rem; background: #fff; color: #111; font: inherit; font-size: 1.05rem; }
.static-product__bundle-gift { display: block; grid-column: 1 / -1; padding: .65rem 1rem; border-radius: 0 0 .8rem .8rem; background: #03082c; color: #fff; font-size: 1.05rem; font-weight: 700; }
.static-product__bundle-gift img { display: inline-block; width: 2.8rem; height: 2.8rem; margin-right: .6rem; border-radius: .45rem; background: #fff; object-fit: cover; vertical-align: middle; }
.static-product__bundle--three { padding-bottom: 0; overflow: hidden; }
.static-product__bundle--three .static-product__bundle-gift { margin: 1.3rem -1.6rem 0; border-top: .1rem solid #fff; border-radius: 0; background: #b8bac3; color: #050505; }
.static-product__bundle--three .static-product__bundle-gift + .static-product__bundle-gift { margin-top: 0; }
.static-product__info .button { min-height: 4.8rem; border: .1rem solid #03082c; background: #fff; color: #050505; font-size: 1.35rem; font-weight: 400; }
.static-product__info .button:hover { background: #03082c; color: #fff; }
.static-product__info .button.is-disabled { opacity: .55; pointer-events: none; }
.static-product__shop-pay { margin-top: 1rem; border-color: #5433eb !important; background: #5433eb !important; color: #fff !important; }
.static-product__shop-pay strong { margin-left: .35rem; font-size: 1.8rem; }
.static-product__more-payment { display: block; margin: 1.25rem 0 2.6rem; color: #222; font-size: 1.05rem; text-align: center; text-decoration: underline; text-underline-offset: .2rem; }
.static-product__trust { margin: 0 0 2.6rem; padding: 1.6rem 2rem; border-radius: .8rem; background: #fafafa; color: #151515; font-size: 1.05rem; }
.static-product__trust-head, .static-product__trust-rating, .static-product__trust-foot { display: flex; align-items: center; justify-content: space-between; }
.static-product__trust-head { padding-bottom: 1rem; border-bottom: .1rem solid #ececec; }
.static-product__trust-head strong { font-size: 1.4rem; }
.static-product__trust-head strong span, .static-product__trust-rating > span { color: #00b67a; }
.static-product__trust-head i { display: inline-block; width: .7rem; height: .7rem; margin-right: .6rem; border-radius: 50%; background: #00b67a; }
.static-product__trust-rating { margin-top: 1rem; }
.static-product__trust-rating > span { font-size: 2.4rem; letter-spacing: .05rem; }
.static-product__trust-rating strong { font-size: 1.4rem; }
.static-product__trust-foot { margin-top: .7rem; }
.static-product__trust-foot, .static-product__trust-foot strong { font-size: 1.2rem; }
.static-product__assurances { margin: 0; border-top: .1rem solid #e5e5e5; }
.static-product__assurances details { border-bottom: .1rem solid #e5e5e5; }
.static-product__assurances summary { position: relative; padding: 1.65rem 2.6rem 1.65rem 0; color: #222; font-size: 1.6rem; line-height: 1; cursor: pointer; list-style: none; }
.static-product__assurances summary::-webkit-details-marker { display: none; }
.static-product__assurances summary::after { content: "⌄"; position: absolute; right: .2rem; top: 1.4rem; }
.static-product__assurances details[open] summary::after { transform: rotate(180deg); }
.static-product__assurances p { margin: -.3rem 0 1.4rem; color: #656565; font-size: 1.05rem; line-height: 1.55; }
.static-product__description { margin: 1.2rem 0 0; color: #333; font-size: 1.6rem; line-height: 1.8; }
.static-product__description > h2 { margin: 0 0 2.4rem; color: #666; font-size: 1rem; font-weight: 400; letter-spacing: .12em; text-transform: uppercase; }
.static-product__description img { display: block; width: 100%; height: auto; margin: 1rem 0; }
.static-product__description p { margin: 0 0 1rem; }
.static-product__description ul { padding-left: 1.8rem; }
.static-product__description table { width: 100%; border-collapse: collapse; }
.static-product__description th, .static-product__description td { padding: .7rem .4rem; border-bottom: .1rem solid #ddd; text-align: left; }
.static-related { margin-top: 7.5rem; }
.static-related > h2 { margin: 0 0 3.4rem; color: #111; font: 400 4rem/1.2 Montserrat, sans-serif; }
.static-related__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.static-related__card { position: relative; min-width: 0; color: #111; text-decoration: none; }
.static-related__image { position: relative; }
.static-related__card img { display: block; width: 100%; aspect-ratio: 1; object-fit: contain; background: #f7f7f9; }
.static-related__sale { position: absolute; left: 1rem; bottom: 1rem; padding: .5rem 1.1rem; border-radius: 99rem; background: #03082c; color: #fff; font-size: 1rem; }
.static-related__card strong { display: block; margin-top: 1.1rem; font-size: 1.15rem; font-weight: 400; line-height: 1.35; }
.static-related__price { display: flex; gap: 1rem; margin-top: .7rem; font-size: 1.15rem; }
.static-related__price s { color: #666; }
.static-product__missing { padding: 8rem 0; text-align: center; }
.static-product__missing h1 { font-size: clamp(4rem, 6vw, 7rem); }
.static-product__missing a { text-decoration: underline; text-underline-offset: .4rem; }

@media (max-width: 989px) {
  .static-product__layout { grid-template-columns: minmax(0, 1fr) minmax(30rem, .75fr); gap: 3rem; }
  .static-product__thumbs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .static-product__gallery, .static-product__info { position: static; }
  .static-product__info h1 { font-size: 3.2rem; line-height: 1.2; }
}

@media (max-width: 749px) {
  .static-product-page { padding: 3.2rem 0 5rem; }
  .static-product__layout { display: block; }
  .static-product__main-image { margin: 0; }
  .static-product__zoom { position: absolute; z-index: 2; top: 1.1rem; left: 1.1rem; display: grid; width: 3.8rem; height: 3.8rem; padding: 0; place-items: center; border: .1rem solid #ddd; border-radius: 50%; background: rgba(255,255,255,.9); color: #111; }
  .static-product__zoom svg { width: 1.7rem; height: 1.7rem; }
  .static-product__thumbs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7rem; margin: 1rem 0 2.6rem; }
  .static-product__info { margin-top: 1.5rem; }
  .static-product__info h1 { font-size: 3rem; line-height: 1.3; }
  .static-product__bundle-row { grid-template-columns: 3.2rem repeat(var(--bundle-options, 2), max-content); }
  .static-related { margin-top: 5rem; }
  .static-related > h2 { margin-bottom: 2rem; font-size: 3rem; }
  .static-related__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.4rem .8rem; }
}