.detail-page{--pdp-serif:var(--font-cormorant), "Libre Baskerville", Georgia, serif;--pdp-green:#21bb42;--pdp-gold:#c98d23}.detail-page .product-shell{padding:22px var(--page-x) 0;grid-template-columns:80px minmax(0,1.6fr) minmax(400px,1fr);align-items:start;column-gap:25px;display:grid;position:relative}.detail-page .thumb-rail{scrollbar-width:none;gap:12px;width:80px;max-height:520px;display:grid;overflow-y:auto}.detail-page .thumb-rail button{cursor:pointer;background:#f4f2ee;border:0;border-radius:7px;width:80px;height:77px;padding:0;display:block;position:relative;overflow:hidden}.detail-page .thumb-rail button img{object-fit:cover;width:80px;height:77px;display:block}.detail-page .thumb-rail button:not(.selected){opacity:.8}.detail-page .thumb-rail button.selected{outline-offset:-2px;outline:2px solid #111}.detail-page .hero-stage{aspect-ratio:771/493;background:#f4f2ee;border-radius:8px;width:100%;position:relative;overflow:hidden}.detail-page .hero-stage>img{object-fit:cover;width:100%;height:100%;display:block}.detail-page .hero-badges{align-items:center;gap:16px;display:flex;position:absolute;top:17px;right:22px}.detail-page .custom-badge{letter-spacing:.02em;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:inline-flex}.detail-page .custom-badge.premium,.detail-page .custom-badge.new{color:var(--pdp-gold)}.detail-page .custom-badge.original{color:#1a1a1a}.detail-page .product-info{width:100%;padding:0 0 0 6px}.detail-page .pdp-brand{color:#9b8a69;letter-spacing:.12em;text-transform:uppercase;width:max-content;margin:-4px 0 6px;font-size:13px;font-weight:800}.detail-page .pdp-brand.script{color:#f11e24;letter-spacing:0;text-transform:none;font-family:Brush Script MT,Segoe Script,cursive;font-size:36px;transform:rotate(-6deg)}.detail-page .product-info h1{color:#050505;font-family:var(--pdp-serif);letter-spacing:-.015em;text-transform:none;margin:0 0 11px;font-size:31px;font-weight:700;line-height:1.08}.detail-page .model{color:#2e2d2a;font-family:var(--pdp-serif);margin:0 0 14px;font-size:16px}.detail-page .rating-line{color:#1d1b19;border-bottom:1px solid #dedede;align-items:center;gap:7px;padding-bottom:6px;font-size:12px;display:flex}.detail-page .pdp-stars{color:#d79f36;gap:1px;display:inline-flex}.detail-page .rating-line strong{margin-left:3px;font-size:12px}.detail-page .rating-line span{color:#585858}.detail-page .rating-line .code{color:#686868;white-space:nowrap;margin-left:auto}.detail-page .rating-line .share{color:#333;cursor:pointer;background:0 0;border:0;margin-left:10px}.detail-page .price-row{color:#070707;align-items:baseline;gap:7px;margin:14px 0 9px;display:flex}.detail-page .price-row strong{font-size:31px;font-weight:800;line-height:1}.detail-page .price-row span{font-size:17px;font-weight:700}.detail-page .option-block{margin-top:18px}.detail-page .option-label{color:#222;font-size:12px;line-height:1}.detail-page .option-label strong{margin-left:5px;font-weight:600}.detail-page .pdp-swatches{gap:11px;margin-top:11px;display:flex}.detail-page .pdp-swatch{cursor:pointer;border:1px solid #cfcfcf;border-radius:999px;width:33px;height:33px;padding:0;box-shadow:inset 0 0 0 3px #fff}.detail-page .pdp-swatch.selected{outline-offset:2px;outline:2px solid #111}.detail-page .purchase-options{grid-template-columns:minmax(130px,auto) 1fr;gap:20px;margin-top:18px;display:grid}.detail-page .size-row{gap:9px;margin-top:9px;display:flex}.detail-page .size-row button{color:#242424;cursor:pointer;background:#fff;border:1px solid #d9d9d9;border-radius:5px;min-width:37px;height:33px;padding:0 10px;font-size:13px;transition:all .2s cubic-bezier(.16,1,.3,1)}.detail-page .size-row button.active{color:#fff;background:#050505;border-color:#050505}.detail-page .lens-field{color:#222;align-content:start;gap:8px;font-size:12px;display:grid}.detail-page .lens-field select{color:#222;background:#fff;border:1px solid #d2d2d2;border-radius:5px;width:100%;height:33px;padding:0 30px 0 13px;font-size:13px}.detail-page .trust-strip{border-top:1px solid #dedede;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:16px;padding-top:14px;display:grid}.detail-page .trust-item{color:#151515;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-width:0;display:grid}.detail-page .trust-item p{margin:0}.detail-page .trust-item strong{white-space:nowrap;font-size:11px;line-height:1.15;display:block}.detail-page .trust-item small{color:#777;margin-top:3px;font-size:9px;line-height:1.05;display:block}.detail-page .check-ring{border:2px solid var(--pdp-green);width:31px;height:31px;color:var(--pdp-green);border-radius:999px;place-items:center;display:grid}.detail-page .cta-grid{grid-template-columns:1fr 56px 56px;gap:11px;margin-top:14px;display:grid}.detail-page .cart-btn,.detail-page .sticky-button{color:#fff;cursor:pointer;background:#121212;border:1px solid #121212;border-radius:5px;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.detail-page .cart-btn{height:48px;font-size:14px}.detail-page .cart-btn:hover,.detail-page .sticky-button:hover{background:#2b2b2b;transform:translateY(-1px)}.detail-page .cart-btn.is-added{background:#0b5f1f;border-color:#0b5f1f}.detail-page .square-action{color:#0c0c0c;cursor:pointer;background:#fff;border:1px solid #e1dcd3;border-radius:5px;place-items:center;height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);display:grid}.detail-page .square-action:hover{background:#faf9f6;transform:translateY(-1px)}.detail-page .square-action.active{color:#fff;background:#111;border-color:#111}.detail-page .whatsapp-btn{color:#1a1a1a;background:#fff;border:1px solid #e1dcd3;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;margin-top:13px;font-size:14px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.detail-page .whatsapp-btn .wa-mark{display:inline-flex}.detail-page .whatsapp-btn:hover{background:#faf9f6;transform:translateY(-1px)}.detail-page .product-detail-block{padding:45px var(--page-x) 0}.detail-page .description-panel,.detail-page .characteristics-panel,.detail-page .fit-section,.detail-page .delivery-row,.detail-page .pdp-reviews,.detail-page .faq-grid button{background:#fff;border:1px solid #e8e8e8;border-radius:8px;box-shadow:0 1px 3px #00000003,0 8px 24px #00000004}.detail-page .description-panel{grid-template-columns:220px 1fr;align-items:start;gap:30px;padding:24px 28px 22px;display:grid}.detail-page .description-panel h2,.detail-page .characteristics-panel h2,.detail-page .continuation h2{color:#111;font-family:var(--pdp-serif);text-transform:none;margin:0;font-size:20px;line-height:1.25}.detail-page .description-panel p{color:#615e58;max-width:860px;margin:0;font-size:14px;line-height:1.75}.detail-page .characteristics-panel{margin-top:24px;padding:24px 28px 27px}.detail-page .section-heading{justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:18px;display:flex}.detail-page .section-heading span{color:#9b8a69;font-size:12px;font-weight:700}.detail-page .character-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;display:grid}.detail-page .character-item{border-bottom:1px solid #f1f0ec;justify-content:space-between;align-items:center;min-height:48px;padding:14px 0;display:flex}.detail-page .character-item span{color:#555;font-size:13px;font-weight:500}.detail-page .character-item strong{color:#1a1a1a;font-size:13px;font-weight:700}.detail-page .continuation{padding:28px var(--page-x) 26px}.detail-page .fit-section{grid-template-columns:1.15fr 1fr;display:grid;overflow:hidden}.detail-page .fit-card{flex-direction:column;min-height:202px;padding:24px 32px 20px;display:flex}.detail-page .fit-card+.fit-card{border-left:1px solid #ededed}.detail-page .fit-card h3{color:#111;margin:0 0 21px;font-size:14px;font-weight:800}.detail-page .measurement-diagram-container{width:min(430px,100%);margin:0 auto 12px;position:relative}.detail-page .measurement-diagram-container img{width:100%;height:auto;display:block}.detail-page .measurement-line{background:#333;height:1px;position:absolute}.detail-page .measurement-line:before,.detail-page .measurement-line:after{content:"";border-top:1px solid #333;border-left:1px solid #333;width:7px;height:7px;position:absolute;top:-3px}.detail-page .measurement-line:before{left:0;transform:rotate(-45deg)}.detail-page .measurement-line:after{right:0;transform:rotate(135deg)}.detail-page .measurement-line .line-label{color:#333;white-space:nowrap;background:#fff;font-size:11px;font-weight:700;position:absolute}.detail-page .width-line{bottom:12px;left:14%;right:14%}.detail-page .width-line .line-label{padding:0 4px;top:6px;left:50%;transform:translate(-50%)}.detail-page .bridge-line{top:55%;left:45%;right:45%}.detail-page .bridge-line .line-label{padding:0 3px;font-size:10px;bottom:6px;left:50%;transform:translate(-50%)}.detail-page .measurement-note{color:#8c8983;text-align:center;margin:16px 0 0;font-size:11px}.detail-page .face-options{flex:1;grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.detail-page .face-option{background:#fafaf9;border:1px solid #f1f0ec;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:124px;padding:18px 12px;display:flex}.detail-page .face-option:last-child{grid-column:span 2;justify-self:center;width:calc(50% - 10px)}.detail-page .face-option.not-recommended{opacity:.35;filter:grayscale()}.detail-page .face-option img{object-fit:contain;width:62px;height:70px}.detail-page .face-option span{color:#2b2b2b;font-size:12.5px;font-weight:700}.detail-page .delivery-row{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px;display:grid;overflow:hidden}.detail-page .ar-try-on-section{margin-top:24px}.detail-page .delivery-card{grid-template-columns:48px 1fr;align-items:center;gap:16px;min-height:80px;padding:18px 24px;display:grid}.detail-page .delivery-card+.delivery-card{border-left:1px solid #ededed}.detail-page .delivery-card img{object-fit:contain;width:48px;height:48px}.detail-page .delivery-card h3{color:#1a1a1a;margin:0;font-size:13px;font-weight:800}.detail-page .delivery-card p{color:#7a756d;margin:4px 0 0;font-size:10.5px;line-height:1.3}.detail-page .pdp-reviews{margin-top:27px;padding:24px 28px 27px}.detail-page .pdp-reviews>h2{color:#171717;font-family:var(--pdp-serif);text-transform:none;margin:0 0 24px;font-size:20px}.detail-page .pdp-reviews-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.detail-page .pdp-reviews-head h2{margin:0}.detail-page .reviews-grid{grid-template-columns:240px repeat(3,1fr);gap:32px;display:grid}.detail-page .summary-score{align-items:baseline;gap:5px;margin-bottom:4px;display:flex}.detail-page .summary-score strong{font-family:var(--pdp-serif);font-size:41px;line-height:1}.detail-page .summary-score span{font-size:20px;font-weight:700}.detail-page .summary-stars{align-items:center;gap:9px;margin-bottom:15px;display:flex}.detail-page .summary-stars span{color:#5d5a55;font-size:11px}.detail-page .rating-bar{color:#645f57;grid-template-columns:14px 12px 1fr 24px;align-items:center;gap:6px;margin:8px 0;font-size:11px;display:grid}.detail-page .rating-bar svg{color:#d49a2a}.detail-page .rating-bar i{background:#e9e9e9;border-radius:999px;height:4px;display:block;position:relative;overflow:hidden}.detail-page .rating-bar b{border-radius:inherit;background:#bc7d12;position:absolute;inset:0 auto 0 0}.detail-page .rating-bar em{text-align:right;font-style:normal}.detail-page .pdp-review-card .review-head{grid-template-columns:37px 1fr;align-items:center;gap:13px;margin-bottom:9px;display:grid}.detail-page .pdp-avatar{color:#6a6967;background:#f2f2f2;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:700;display:grid}.detail-page .pdp-review-card h3{color:#111;margin:0;font-size:12px;font-weight:800}.detail-page .pdp-review-card .review-head p{color:#b77f1f;align-items:center;gap:5px;margin:5px 0 0;font-size:9px;font-weight:700;display:inline-flex}.detail-page .pdp-review-card>p{color:#5f5c56;margin:14px 0 0;font-size:12px;line-height:1.85}.detail-page .pdp-review-date{color:#a09a8e;margin-top:10px;font-size:10px;display:block}.detail-page .pdp-write-btn{color:#fff;cursor:pointer;background:#111;border:1px solid #111;border-radius:5px;align-items:center;gap:8px;height:39px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.detail-page .pdp-review-form{background:#fbfaf7;border:1px solid #ece9e2;border-radius:8px;max-width:460px;margin-bottom:24px;padding:18px}.detail-page .related-pdp{margin-top:28px}.detail-page .pdp-title-row{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.detail-page .pdp-title-row h2{color:#171717;font-family:var(--pdp-serif);text-transform:none;margin:0;font-size:22px}.detail-page .product-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.detail-page .related-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;min-height:214px;padding:13px 14px 15px}.detail-page .related-media{justify-content:center;align-items:center;height:96px;margin-bottom:14px;display:flex;position:relative}.detail-page .related-media img{object-fit:contain;width:84%;max-height:92px}.detail-page .related-media>button{z-index:2;color:#777;cursor:pointer;background:0 0;border:0;position:absolute;top:0;right:0}.detail-page .related-card h3{color:#111;margin:0 0 4px;font-size:11px;font-weight:800}.detail-page .related-card>a p{color:#6c6861;min-height:30px;margin:0 0 12px;font-size:10px;line-height:1.45}.detail-page .related-price{align-items:center;gap:10px;display:flex}.detail-page .related-price strong{color:#161616;font-size:14px;font-weight:900}.detail-page .related-price button{color:#56524d;cursor:pointer;background:#fff;border:1px solid #e1e1e1;border-radius:4px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.detail-page .brands-pdp,.detail-page .faq-section{margin-top:31px}.detail-page .brands-pdp h2,.detail-page .faq-section h2{color:#171717;font-family:var(--pdp-serif);text-transform:none;margin:0 0 17px;font-size:22px}.detail-page .pdp-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.detail-page .pdp-brand-grid button,.detail-page .pdp-brand-grid a{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;height:50px;transition:opacity .15s;display:flex}.detail-page .pdp-brand-grid a:hover{opacity:.7}.detail-page .pdp-brand-grid img{object-fit:contain;max-width:120px;max-height:30px}.detail-page .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;display:grid}.detail-page .faq-grid button{color:#242424;cursor:pointer;border-radius:0;justify-content:space-between;align-items:center;height:52px;padding:0 22px;font-size:12px;font-weight:800;display:flex}.detail-page .faq-grid button:first-child,.detail-page .faq-grid button:nth-child(2){border-radius:6px 6px 0 0}.detail-page .faq-grid button:last-child,.detail-page .faq-grid button:nth-last-child(2){border-radius:0 0 6px 6px}.detail-page .faq-grid button+button{margin-top:-1px}.detail-page .faq-grid button svg{transition:transform .2s}.detail-page .faq-grid button.open svg{transform:rotate(180deg)}.detail-page .faq-answer{color:#5f5c56;background:#fbfaf7;border:1px solid #e8e8e8;grid-column:span 2;margin:-1px 0 0;padding:14px 22px;font-size:12.5px;line-height:1.7}@media (max-width:1100px){.detail-page .product-shell{grid-template-columns:64px 1fr}.detail-page .product-info{grid-column:1/-1;padding:24px 0 0}.detail-page .reviews-grid{grid-template-columns:1fr 1fr}.detail-page .product-cards,.detail-page .pdp-brand-grid{grid-template-columns:repeat(3,1fr)}.detail-page .fit-section,.detail-page .delivery-row{grid-template-columns:1fr}}


@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "InterOTTO";
  src: url("/otto-fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --font-manrope: "InterOTTO", Inter, sans-serif !important;
  --font-cormorant: "InterOTTO", Inter, sans-serif !important;
  --background: #FFFFFF !important;
  --foreground: #000000 !important;
  --ink: #000000 !important;
  --soft: #F5EDE0 !important;
  --line: rgba(0, 0, 0, 0.16) !important;
  --muted: rgba(0, 0, 0, 0.68) !important;
}
html,
body,
body *,
button,
input,
select,
textarea {
  font-family: "InterOTTO", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
  letter-spacing: -0.018em !important;
  word-spacing: normal !important;
  font-feature-settings: "cv05", "cv08", "cv11", "calt" !important;
}
p, span, div, a, li, label, input, button {
  letter-spacing: -0.015em !important;
  word-spacing: normal !important;
}
h1, h2, h3, h4, .hero-text h1, .hero-text h2, .section-title-row h2, .otto-section h2, .campaign-banner-copy h2 {
  font-family: "InterOTTO", Inter, sans-serif !important;
  letter-spacing: -0.032em !important;
  word-spacing: normal !important;
  line-height: 1.18 !important;
}
.hero-text h1, .hero-text h2 {
  font-size: clamp(30px, 4vw, 50px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  line-height: 1.12 !important;
}
.hero-text p, .hero-sub {
  font-size: 16px !important;
  font-weight: 450 !important;
  letter-spacing: -0.015em !important;
  word-spacing: normal !important;
  color: rgba(0, 0, 0, 0.72) !important;
  line-height: 1.5 !important;
}
.section-title-row h2, .otto-section h2 {
  font-size: clamp(22px, 2.8vw, 32px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.03em !important;
}
.trend-card-body h3, .product-card h3, .collection-grid article h3 {
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
  line-height: 1.35 !important;
}
.trend-card-foot strong, .product-price {
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
}
.trend-brand {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  color: rgba(0, 0, 0, 0.5) !important;
}
.black-btn, .line-btn, .btn, .btn-dark, .add-to-cart-btn {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  line-height: 1.4 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease !important;
}
.black-btn:hover, .btn-dark:hover {
  transform: translateY(-1px) !important;
}
.otto-topbar-message {
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: -0.005em !important;
}
.otto-footer nav b::after {
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
  color: #000000 !important;
}
.otto-footer a, .otto-footer p {
  font-size: 14px !important;
  line-height: 1.6 !important;
  letter-spacing: -0.008em !important;
}
.otto-page h1,
.otto-page h2,
.display-title,
.section-title,
.section-title-row h2,
.hero-text h1,
.detail-page h1,
.detail-page h2,
.catalog-page h1,
.catalog-page h2,
.brand-page h1,
.brand-page h2,
.product-info h1,
.catalog-hero h1,
.brand-hero-banner h1,
.campaign-title,
.promo-title {
  text-transform: none !important;
}
body,
.otto-page,
.page,
.otto-header,
.otto-subnav,
.category-chips,
.otto-section,
.otto-footer,
.header,
.footer,
.product-card,
.trend-card,
.brand-card,
.collection-grid article,
.service-grid,
.newsletter-black form,
.chat-widget-panel,
.chat-widget-composer,
.detail-page,
.catalog-page,
.brand-page,
.product-shell,
.product-info,
.brand-catalog-layout,
.brand-results,
.catalog-grid,
.brand-product-grid,
.filter-section-body,
.reviews-grid {
  background: #FFFFFF !important;
  color: #000000 !important;
}
.otto-hero,
.hero-photo,
.trend-card-media,
.product-img,
.product-image,
.shape-media,
.brand-sheet-section,
.featured-card > div,
.store-photo,
.map-card,
.why,
.why article,
.why span.service-illustration,
.contact-panel,
.basket-summary,
.checkout-summary,
.account-card,
.order-card,
.recent-viewed-thumb,
.hero-stage,
.product-detail-block,
.related-media,
.catalog-hero,
.catalog-image,
.catalog-card-soft,
.brand-hero-banner,
.brand-story-panel,
.brand-faq-panel,
.brand-filter-panel,
.brand-filter-logo,
.delivery-card,
.characteristics-panel,
.description-panel,
.face-card,
.fit-card,
.measure-card,
.filter-section,
.filter-section-inner {
  background: #F5EDE0 !important;
  color: #000000 !important;
}
.otto-topbar,
.otto-topbar *,
.black-btn,
.btn-dark,
.newsletter-black,
.chat-widget-fab,
.chat-widget-head,
.admin-sidebar,
.admin-header,
.admin-primary,
.admin-button-primary,
.account-sidenav button.active,
.basket-checkout-btn,
.add-to-cart-btn,
.cart-btn,
.whatsapp-btn,
.filter-whatsapp,
.buy-whatsapp,
.find-size-btn,
.pdp-write-btn {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}
.topbar-close {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.line-btn,
.outline-center,
.btn-light,
.header-search,
.newsletter-black input,
.newsletter-black button,
.subscribe,
.subscribe input,
.subscribe button,
.phone-input-row,
.otp-input-row,
.checkout-field input,
.checkout-field select,
.checkout-field textarea,
.checkout-locate-btn,
.order-status-filter button,
.review-form,
.review-form-row input,
.review-form-row textarea,
.chat-widget-composer input,
.map-info,
.price-range-inputs input,
.filter-row,
.filter-row-check,
.brand-results-toolbar,
.brand-toolbar-controls,
.size-row button {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
}
.subnav-accent,
.subnav-sale,
.trend-brand,
.topbar-cta,
.section-title-row a,
.text-link,
.write-review-link {
  color: #000000 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  animation: none !important;
}
.hero-text > p:not(.hero-sub),
.store aside p,
.otto-footer p,
.otto-footer a,
.section-copy,
.product-name,
.rating,
.why p,
.map-info span,
.account-card p,
.basket-summary-row,
.review-card p {
  color: rgba(0, 0, 0, 0.68) !important;
}
.trend-card,
.brand-card,
.product-card,
.collection-grid article,
.service-grid,
.store-photo,
.map-card,
.header-search,
.newsletter-black form,
.review-form,
.chat-widget-panel,
.chat-widget-composer,
.phone-input-row,
.otp-input-row,
.checkout-field input,
.checkout-field select,
.checkout-field textarea,
.product-shell,
.hero-stage,
.thumb-rail,
.product-detail-block,
.delivery-card,
.description-panel,
.characteristics-panel,
.face-card,
.fit-card,
.measure-card,
.pdp-reviews,
.related-card,
.catalog-card,
.catalog-card-soft,
.catalog-image,
.brand-product-card,
.brand-filter-panel,
.brand-story-panel,
.brand-faq-panel,
.filter-section,
.filter-section-inner,
.brand-results-toolbar {
  border-color: rgba(0, 0, 0, 0.16) !important;
}
.black-btn,
.line-btn,
.outline-center,
.btn,
.btn-dark,
.btn-light,
.header-search,
.header-search button,
.lang-dropdown-menu,
.lang-option,
.account-link,
.action-icon,
.trend-card,
.trend-card-media,
.trend-detail-btn,
.brand-card,
.featured-card > div,
.store-photo,
.map-card,
.map-info,
.map-info a,
.newsletter-black form,
.newsletter-black input,
.newsletter-black button,
.otto-campaign,
.campaign-banner,
.campaign-banner-copy a,
.why article,
.why article:after,
.service-grid,
.service-icon,
.product-card,
.product-img,
.product-image,
.shape-media,
.collection-grid article,
.contact-panel,
.basket-item-image,
.basket-summary,
.checkout-summary,
.checkout-field input,
.checkout-field select,
.checkout-field textarea,
.checkout-map-frame,
.account-card,
.account-hero-avatar,
.account-logout,
.account-sidenav button,
.order-card,
.recent-viewed-thumb,
.review-form,
.review-form-row input,
.review-form-row textarea,
.chat-widget-panel,
.chat-widget-composer input,
.chat-widget-composer button,
.detail-page :where(.product-shell, .hero-stage, .product-detail-block, .thumb-rail, .detail-thumb-play, .delivery-card, .description-panel, .characteristics-panel, .face-card, .fit-card, .measure-card, .pdp-reviews, .pdp-write-btn, .related-card, .related-media, .cart-btn, .whatsapp-btn, .buy-whatsapp, button, input, select, textarea),
.catalog-page :where(.catalog-hero, .catalog-card, .catalog-card-soft, .catalog-image, .catalog-favorite-btn, .catalog-filters, .filter-section, .filter-section-inner, .filter-section-head, .filter-section-body, .filter-row, .filter-row-check, .price-range-inputs, .price-range-inputs input, .price-range-slider, .filter-whatsapp, button, input, select, textarea),
.brand-page :where(.brand-hero-banner, .brand-catalog-layout, .brand-filter-panel, .brand-filter-logo, .brand-results-toolbar, .brand-toolbar-controls, .brand-product-card, .brand-card-body, .brand-story-panel, .brand-faq-panel, .brand-page-more, .catalog-card, .catalog-card-soft, .catalog-image, .catalog-favorite-btn, .filter-section, .filter-section-inner, .filter-section-head, .filter-section-body, .filter-row, .filter-row-check, .filter-whatsapp, .find-size-btn, button, input, select, textarea) {
  border-radius: 0 !important;
}
.detail-page *,
.catalog-page *,
.brand-page * {
  border-radius: 0 !important;
}
.category-chip,
.trend-badge,
.catalog-tag,
.catalog-color-label,
.catalog-swatches button,
.catalog-swatches button *,
.swatch,
.swatch *,
.swatches i,
.swatches i *,
.product-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) ,
.product-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) *,
.catalog-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) ,
.catalog-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) *,
.brand-product-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) ,
.brand-product-card :where(.swatch, .swatches i, [class*="swatch"], [class*="color"]) *,
.custom-badge,
.hero-badges *,
.quick-filter-new,
.quick-filter-premium,
.quick-filter-row button,
.brand-active-chips *,
.action-icon-badge,
.order-status-pill {
  border-radius: 999px !important;
}
.favorite,
.catalog-favorite-btn,
.product-card .favorite,
.otto-product .favorite,
.brand-product-card .catalog-favorite-btn,
.catalog-card .catalog-favorite-btn,
.product-img button[aria-label*="Seçil"],
.product-image button[aria-label*="Seçil"],
.product-card button[aria-label*="Səbət"],
.product-card button[aria-label*="səbət"],
.product-card button[aria-label*="Cart"],
.product-card button[aria-label*="cart"],
.catalog-card button[aria-label*="Səbət"],
.catalog-card button[aria-label*="səbət"],
.catalog-card button[aria-label*="Cart"],
.catalog-card button[aria-label*="cart"],
.brand-product-card button[aria-label*="Səbət"],
.brand-product-card button[aria-label*="səbət"],
.brand-product-card button[aria-label*="Cart"],
.brand-product-card button[aria-label*="cart"],
.product-card button:has(svg),
.catalog-card button:has(svg),
.brand-product-card button:has(svg) {
  border-radius: 999px !important;
}
body * {
  text-transform: none !important;
}
.otto-footer,
.footer {
  background: #F5EDE0 !important;
  color: #000000 !important;
}
.otto-footer b,
.otto-footer a,
.otto-footer p,
.footer h4,
.footer a,
.footer p {
  color: #000000 !important;
}
.newsletter-black button {
  font-size: 0 !important;
}
.newsletter-black button::after {
  content: "Abunə ol";
  color: #000000 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.otto-footer nav b {
  font-size: 0 !important;
}
.otto-footer nav b::after {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #000000 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.otto-footer nav:nth-of-type(1) b::after {
  content: "Sürətli keçidlər";
}
.otto-footer nav:nth-of-type(2) b::after {
  content: "Məlumat";
}
.otto-footer nav:nth-of-type(3) b::after {
  content: "Əlaqə";
}
.otto-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) !important;
  gap: 0 !important;
  padding-bottom: 0 !important;
  align-items: start !important;
  min-height: unset !important;
}
.otto-hero > div:first-child,
.otto-hero .hero-text-col,
.otto-hero .hero-content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 48px 44px !important;
}
.otto-hero .hero-photo {
  align-self: start !important;
  aspect-ratio: auto !important;
  background: transparent !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: clamp(430px, 37vw, 560px) !important;
  width: 100% !important;
  overflow: hidden !important;
}
.otto-hero .hero-photo img {
  display: block !important;
  position: static !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: 38% center !important;
  transform: none !important;
}
.lang-dropdown-wrapper,
.lang-dropdown-menu .lang-option:nth-child(n+3),
.otto-hero .hero-sub,
[data-otto-hidden],
.subnav-mega-panel,
.hero-info,
.newsletter-black,
.campaign-banner-copy a {
  display: none !important;
}
.category-chips .category-chip:not(:has(img)) {
  display: none !important;
}
.trend-card-media img,
.product-img img,
.product-image img,
.catalog-image img,
.catalog-card img,
.brand-product-card img,
.related-media img {
  object-fit: contain !important;
  object-position: center center !important;
  padding: 10px !important;
  background: #FFFFFF !important;
}
.otto-model-archive {
  margin: 48px var(--page-x) !important;
}
.otto-model-archive h2 {
  font-size: clamp(22px, 2.4vw, 32px) !important;
  margin: 0 0 20px !important;
}
.otto-model-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
  gap: 16px !important;
}
.otto-model-card {
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  background: #FFFFFF !important;
  padding: 12px !important;
  min-width: 0 !important;
}
.otto-model-card img {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 1 / 0.72 !important;
  object-fit: contain !important;
  background: #FFFFFF !important;
}
.otto-model-card b,
.otto-model-card span {
  display: block !important;
  color: #000000 !important;
  overflow-wrap: anywhere !important;
}
.otto-model-card b {
  margin-top: 10px !important;
  font-size: 13px !important;
}
.otto-model-card span {
  margin-top: 3px !important;
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.62) !important;
}
.otto-hero h1 {
  margin-bottom: 14px !important;
}
.otto-hero p {
  margin-bottom: 24px !important;
}
.otto-hero :where(.hero-actions, .hero-buttons, [class*="action"], [class*="btn"]) {
  margin-bottom: 24px !important;
}
.otto-hero .hero-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.otto-hero .hero-buttons > a {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 56px !important;
  min-width: 232px !important;
  margin: 0 !important;
  padding: 0 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.otto-hero .hero-buttons > a img,
.otto-hero .hero-buttons > a svg,
.otto-hero .hero-buttons .wa-mark,
.otto-wa-icon,
.otto-wa-icon svg {
  display: inline-flex !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
}
[data-otto-whatsapp-product] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
@media (max-width: 560px) {
  .otto-hero .hero-buttons > a {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}
.campaign-banner {
  max-height: 250px !important;
  min-height: 0 !important;
  margin: 32px var(--page-x) !important;
  padding: 24px 36px !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}
.campaign-banner-media {
  position: absolute !important;
  inset: 0 !important;
}
.campaign-banner-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center 36% !important;
}
.campaign-banner-copy {
  z-index: 1 !important;
  position: relative !important;
  min-height: unset !important;
  padding: 0 !important;
  max-width: 480px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
.campaign-banner-copy h2 {
  font-size: clamp(20px, 2.2vw, 28px) !important;
  line-height: 1.18 !important;
  margin: 0 0 6px !important;
  font-weight: 700 !important;
  color: #FFFFFF !important;
}
.campaign-banner-copy p {
  font-size: 13.5px !important;
  margin: 0 0 14px !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-weight: 500 !important;
}
.campaign-banner-copy a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 18px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, #f1d895, #c49b4e) !important;
  color: #111 !important;
  width: fit-content !important;
}
.otto-promo {
  gap: 20px !important;
  margin: 32px var(--page-x) !important;
}
.otto-promo article {
  border-radius: 8px !important;
  overflow: hidden !important;
  min-height: 220px !important;
}
.otto-promo article img {
  object-fit: cover !important;
  object-position: center !important;
}
.collection-grid article {
  border-radius: 8px !important;
  overflow: hidden !important;
}
.collection-grid article img {
  object-fit: cover !important;
  object-position: center !important;
}
.featured-card > div img {
  object-fit: cover !important;
  object-position: center !important;
}
.detail-page :where(
  .hero-stage,
  .product-detail-block,
  .delivery-card,
  .delivery-row,
  .description-panel,
  .characteristics-panel,
  .fit-section,
  .face-card,
  .face-option,
  .fit-card,
  .measure-card,
  .pdp-reviews,
  .ar-try-on-section,
  .related-card,
  .related-media,
  .brands-pdp
),
.catalog-page :where(
  .catalog-hero,
  .catalog-card,
  .catalog-card-soft,
  .catalog-image,
  .catalog-filters,
  .filter-section,
  .filter-section-inner,
  .filter-section-head,
  .filter-section-body,
  .filter-row,
  .filter-row-check,
  .price-range-inputs,
  .price-range-slider
),
.brand-page :where(
  .brand-catalog-layout,
  .brand-filter-panel,
  .brand-filter-logo,
  .brand-results,
  .brand-results-toolbar,
  .brand-toolbar-controls,
  .brand-product-card,
  .brand-card-body,
  .brand-story-panel,
  .brand-story-kpis span,
  .brand-faq-panel,
  .brand-page-more,
  .catalog-card,
  .catalog-card-soft,
  .catalog-image,
  .filter-section,
  .filter-section-inner,
  .filter-section-head,
  .filter-section-body,
  .filter-row,
  .filter-row-check,
  .view-toggle
),
.trend-card,
.trend-card-media,
.product-card,
.product-img,
.product-image,
.related-card,
.related-media,
.catalog-card,
.catalog-card-soft,
.catalog-image,
.brand-product-card,
.brand-card-body {
  background: #FFFFFF !important;
  color: #000000 !important;
}
.brand-page .brand-hero-banner {
  background: #FFFFFF !important;
}
.catalog-page .catalog-hero,
.catalog-page .catalog-hero h1,
.catalog-page .catalog-hero p,
.catalog-page .catalog-hero span,
.catalog-page .catalog-hero a {
  color: #FFFFFF !important;
}
.catalog-page .catalog-hero p {
  opacity: 0.9 !important;
}
.quick-filter-row button,
.brand-active-chips button,
.brand-filter-panel button,
.filter-row,
.filter-row-check {
  background: #FFFFFF !important;
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.16) !important;
}
.quick-filter-row button.active,
.quick-filter-row button[aria-pressed="true"],
.brand-active-chips button.active,
.brand-active-chips button[aria-pressed="true"],
.brand-filter-panel button.active,
.brand-filter-panel button[aria-pressed="true"] {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-color: #000000 !important;
}
.quick-filter-row button {
  border-radius: 999px !important;
}
.view-toggle-wrap,
.view-toggle {
  display: none !important;
}
@media (min-width: 1100px) {
  .catalog-grid,
  .brand-product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 899px) {
  .otto-hero {
    grid-template-columns: 1fr !important;
  }
  .otto-hero > div:first-child,
  .otto-hero .hero-text-col,
  .otto-hero .hero-content {
    padding: 36px 24px !important;
  }
}
.admin-login-page {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.34)),
    url("/assets/visuals/category-hero-banner.png") center / cover no-repeat scroll !important;
}
.admin-login-card,
.admin-modal,
.admin-card,
.admin-stat-card,
.admin-chat-layout,
.admin-login-card .admin-form-row input,
.admin-login-card .admin-form-row select,
.admin-login-card .admin-form-row textarea,
.admin-form-row input,
.admin-form-row select,
.admin-form-row textarea,
.admin-btn,
.admin-login-hint,
.admin-login-error,
.admin-confirm-modal,
.admin-date-input,
.stock-adjust-preview,
.pos-mode-btn,
.pos-product-preview,
.pos-qty-row button,
.admin-chat-composer input {
  border-radius: 0 !important;
}
/* Black announcement bar removed per client request */
.otto-topbar {
  display: none !important;
}
/* Temporarily hidden: basket, add-to-cart and login */
.otto-actions a[href="/basket"],
.otto-actions .account-link,
.otto-actions .otto-actions-divider,
.cta-grid .cart-btn,
.add-to-cart-btn,
.basket-checkout-btn,
button[aria-label="Səbətə əlavə et"],
button[aria-label="Добавить в корзину"],
button[aria-label="Add to cart"] {
  display: none !important;
}
/* Selected filters: filled box with a checkmark */
.filter-row .filter-row-check,
.filter-brand-row .filter-row-check {
  position: relative !important;
  box-sizing: border-box !important;
  width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  border: 1.5px solid rgba(0, 0, 0, 0.35) !important;
  border-radius: 4px !important;
  background: #FFFFFF !important;
}
.filter-row.active .filter-row-check,
.filter-brand-row.active .filter-row-check {
  background: #000000 !important;
  border-color: #000000 !important;
}
.filter-row.active .filter-row-check::after,
.filter-brand-row.active .filter-row-check::after {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 1.5px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #FFFFFF !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}
.filter-row.active,
.filter-brand-row.active {
  font-weight: 700 !important;
}
.filter-brand-row.active {
  border-color: #000000 !important;
  box-shadow: inset 0 0 0 1px #000000 !important;
}
.filter-color-row.active {
  font-weight: 700 !important;
}
.filter-color-row.active .filter-color-dot {
  box-shadow: 0 0 0 2px #FFFFFF, 0 0 0 3.5px #000000 !important;
}
/* "Ən son yeniliklər" carousel */
.featured-section .featured-scroll {
  display: flex !important;
  gap: 16px !important;
  overflow-x: auto !important;
  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  scrollbar-width: none !important;
  animation: none !important;
  transform: none !important;
}
.featured-section .featured-scroll::-webkit-scrollbar {
  display: none !important;
}
.featured-section .featured-card {
  flex: 0 0 calc((100% - 32px) / 3) !important;
  scroll-snap-align: start !important;
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}
.featured-section .featured-card > div {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
}
.featured-section .featured-card img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}
.featured-section .featured-card[data-otto-hidden] {
  display: none !important;
}
.featured-section .featured-arrows {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 20px !important;
}
.featured-section .featured-arrows button {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  border: 1px solid #000000 !important;
  background: #FFFFFF !important;
  cursor: pointer !important;
}
@media (max-width: 900px) {
  .featured-section .featured-card {
    flex-basis: calc((100% - 16px) / 2) !important;
  }
}
@media (max-width: 560px) {
  .featured-section .featured-card {
    flex-basis: 82% !important;
  }
}
/* Footer social logos */
[data-otto-socials] .otto-social-row {
  display: flex !important;
  gap: 12px !important;
  margin-top: 4px !important;
}
[data-otto-socials] .otto-social-row a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  padding: 0 !important;
  transition: opacity 0.2s ease !important;
}
[data-otto-socials] .otto-social-row a:hover {
  opacity: 0.75 !important;
}
[data-otto-socials] .otto-social-row svg {
  width: 19px !important;
  height: 19px !important;
  fill: currentColor !important;
}
.otto-footer [data-otto-footer-nav] b,
.otto-footer [data-otto-socials] b {
  display: block !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #000000 !important;
  margin-bottom: 8px !important;
}
.otto-footer [data-otto-footer-nav] b::after,
.otto-footer [data-otto-socials] b::after {
  content: none !important;
}
.otto-footer [data-otto-footer-nav] span {
  font-size: 14px !important;
  line-height: 1.6 !important;
}
/* Collection section removed */
.otto-collections {
  display: none !important;
}
/* Promo frames: visuals only, no copy or light overlay */
.otto-promo article > div,
.otto-promo article h2,
.otto-promo article p {
  display: none !important;
}
.otto-promo article::before,
.otto-promo article::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
.otto-promo article,
.otto-promo article img {
  box-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}
/* Display-only product cards and brand logos */
.brand-marquee a,
.trend-card a[href*="/product/"],
.catalog-card a[href*="/product/"],
.related-card a[href*="/product/"],
.brand-product-card a[href*="/product/"] {
  cursor: default !important;
}
.trend-card .trend-detail-btn:not([data-otto-whatsapp-product]) {
  display: none !important;
}
[data-otto-whatsapp-product] {
  cursor: pointer !important;
}
/* Colour choices removed */
.catalog-filters > div:has(.filter-color-list),
.brand-filter-panel > div:has(.filter-color-list),
.catalog-color-dots,
.catalog-color-label,
.option-block:has(.pdp-swatches) {
  display: none !important;
}
[data-otto-filtered] {
  display: none !important;
}
.otto-filter-toggle {
  display: none !important;
}
.filter-brand-logo img {
  object-fit: contain !important;
  object-position: left center !important;
  max-width: 100% !important;
}
@media (max-width: 760px) {
  html,
  body {
    overflow-x: clip !important;
  }
  /* Header: logo + icons on one row, full-width search below */
  .otto-header {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    grid-template-areas: "logo . actions" "search search search" !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 10px 16px 12px !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .otto-header .otto-logo {
    grid-area: logo !important;
    margin: 0 !important;
  }
  .otto-header .otto-logo img {
    width: 104px !important;
    height: auto !important;
  }
  .otto-header-nav {
    grid-area: search !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .header-search {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
  }
  .header-search input {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 14px !important;
  }
  .otto-actions {
    grid-area: actions !important;
    gap: 12px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }
  /* Scrollable sub-nav and chip rows that start at the left edge */
  .otto-subnav,
  .category-chips {
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 20px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    scrollbar-width: none !important;
  }
  .otto-subnav::-webkit-scrollbar,
  .category-chips::-webkit-scrollbar {
    display: none !important;
  }
  .otto-subnav > a,
  .category-chips > * {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  .category-chips {
    gap: 8px !important;
  }
  /* Hero: copy, then buttons stacked, then the full banner */
  .otto-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }
  .otto-hero > div:first-child,
  .otto-hero .hero-text-col,
  .otto-hero .hero-content {
    padding: 28px 16px 24px !important;
  }
  .otto-hero h1,
  .hero-text h1 {
    font-size: 30px !important;
    line-height: 1.12 !important;
  }
  .otto-hero p {
    font-size: 15px !important;
    margin-bottom: 20px !important;
  }
  .otto-hero .hero-buttons {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 0 !important;
  }
  .otto-hero .hero-buttons > a {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    font-size: 15px !important;
  }
  .otto-hero .hero-photo {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
  }
  .otto-hero .hero-photo img {
    height: auto !important;
    object-fit: contain !important;
  }
  /* Section headings */
  .section-title-row {
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    gap: 8px !important;
    padding: 0 16px !important;
  }
  .section-title-row h2,
  .otto-section > h2,
  .featured-section h2 {
    font-size: 24px !important;
    line-height: 1.2 !important;
    position: static !important;
    transform: none !important;
  }
  .section-title-row a {
    position: static !important;
    font-size: 13px !important;
  }
  /* Product cards */
  .trend-card-foot,
  .catalog-card-body {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .trend-card-foot [data-otto-whatsapp-product] {
    flex: 1 1 100% !important;
    width: 100% !important;
    height: 38px !important;
    font-size: 13px !important;
    margin: 0 !important;
  }
  .catalog-card [data-otto-whatsapp-product] {
    flex: 0 0 auto !important;
    align-self: stretch !important;
    width: 100% !important;
    height: 38px !important;
    font-size: 13px !important;
    margin: 0 !important;
  }
  .trend-card h3,
  .catalog-card h2 {
    font-size: 15px !important;
    overflow-wrap: anywhere !important;
  }
  /* Promo frames and brand strip */
  .otto-promo {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .otto-promo article {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
  }
  .brand-card {
    flex: 0 0 132px !important;
    width: 132px !important;
    height: 72px !important;
    padding: 12px !important;
  }
  .brand-card img {
    object-fit: contain !important;
    max-width: 100% !important;
    max-height: 100% !important;
  }
  .campaign-banner {
    margin: 24px 16px !important;
    padding: 20px !important;
    max-height: none !important;
  }
  .campaign-banner-copy h2 {
    font-size: 20px !important;
  }
  .featured-section .featured-card {
    flex-basis: 78% !important;
  }
  /* Category page: filters collapse behind a toggle */
  .catalog-hero h1 {
    font-size: 30px !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
  }
  .catalog-hero p {
    font-size: 14px !important;
  }
  .catalog-browser {
    grid-template-columns: 1fr !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .otto-filter-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: 100% !important;
    height: 46px !important;
    border: 1px solid #000000 !important;
    background: #FFFFFF !important;
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
  }
  .catalog-filters {
    position: static !important;
    max-height: none !important;
    display: none !important;
  }
  html.otto-filters-open .catalog-filters {
    display: grid !important;
  }
  .catalog-grid {
    grid-template-columns: 1fr !important;
  }
  /* Product page */
  .product-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .product-shell .hero-stage {
    order: 1 !important;
    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 3 !important;
  }
  .product-shell .thumb-rail {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    gap: 8px !important;
    width: 100% !important;
    max-height: none !important;
  }
  .product-shell .thumb-rail button {
    flex: 0 0 68px !important;
    width: 68px !important;
    height: 68px !important;
  }
  .product-shell .product-info {
    order: 3 !important;
    width: 100% !important;
  }
  .product-info h1 {
    font-size: 26px !important;
  }
  .product-detail-block,
  .fit-section,
  .delivery-row {
    grid-template-columns: 1fr !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .description-panel {
    display: block !important;
  }
  .description-panel p {
    margin-top: 10px !important;
  }
  .otto-model-archive {
    margin: 32px 16px !important;
  }
  .otto-model-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}
/* Card and product names wait for the real model name (set right after load) */
html:not(.otto-ready) .trend-card-body,
html:not(.otto-ready) .related-card h3,
html:not(.otto-ready) .related-card a p,
html:not(.otto-ready) .product-info .pdp-brand,
html:not(.otto-ready) .product-info h1,
html:not(.otto-ready) .otto-breadcrumbs b {
  visibility: hidden !important;
}
/* Chat widget, "Hamısına bax" and the eye-exam banner removed */
.chat-widget-fab,
.chat-widget-panel,
.campaign-banner {
  display: none !important;
}
.category-chips a {
  cursor: default !important;
}
/* Promo frames show the full 4:5 visuals */
.otto-promo article {
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  position: relative !important;
  overflow: hidden !important;
}
.otto-promo article img {
  object-fit: cover !important;
  object-position: center !important;
  width: 100% !important;
  height: 100% !important;
}
@media (min-width: 481px) and (max-width: 760px) {
  /* Small tablets / narrow windows: copy left, smaller banner right */
  .otto-hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr) !important;
    align-items: center !important;
  }
  .otto-hero > div:first-child,
  .otto-hero .hero-text-col,
  .otto-hero .hero-content {
    padding: 24px 12px 24px 16px !important;
  }
  .otto-hero h1,
  .hero-text h1 {
    font-size: 24px !important;
  }
  .otto-hero p {
    font-size: 14px !important;
  }
  .otto-hero .hero-buttons > a {
    height: 46px !important;
    font-size: 14px !important;
    padding: 0 12px !important;
  }
  .otto-hero .hero-photo {
    align-self: stretch !important;
    height: 100% !important;
  }
  .otto-hero .hero-photo img {
    height: 100% !important;
    object-fit: cover !important;
    object-position: 72% center !important;
  }
}
@media (max-width: 480px) {
  .otto-hero .hero-photo {
    margin: 0 16px 20px !important;
    width: auto !important;
    border-radius: 8px !important;
  }
}
@media (min-width: 761px) {
  /* Hero copy sits in the vertical middle of the banner */
  .otto-hero {
    align-items: stretch !important;
  }
  .otto-hero > div:first-child,
  .otto-hero .hero-text-col,
  .otto-hero .hero-content,
  .otto-hero .hero-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-self: stretch !important;
  }
  .otto-hero .hero-buttons {
    margin-bottom: 0 !important;
  }
}
/* Category pages are temporarily off: menu and brand chips stay visible but inert */
.otto-subnav a:not([href^="/#"]),
.category-chips a {
  cursor: default !important;
}
.otto-header-nav,
.otto-hero .hero-buttons .black-btn,
.otto-breadcrumbs > span:has(a[href="/categories"]) {
  display: none !important;
}
.featured-card {
  cursor: default !important;
}
@media (max-width: 760px) {
  .otto-header {
    grid-template-areas: "logo . actions" !important;
  }
  .otto-subnav {
    justify-content: flex-start !important;
  }
}
/* Hero banner fills the whole right side, edge to edge */
@media (min-width: 761px) {
  .otto-hero {
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) !important;
    align-items: stretch !important;
    min-height: clamp(460px, 38vw, 600px) !important;
    padding: 0 !important;
  }
  .otto-hero .hero-photo {
    align-self: stretch !important;
    height: auto !important;
    min-height: 100% !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
  }
  .otto-hero .hero-photo img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    /* keeps both the "50% endirim" copy and the model in frame */
    object-position: 40% center !important;
  }
}
@media (max-width: 760px) {
  .otto-hero .hero-photo {
    height: auto !important;
    aspect-ratio: 2628 / 1000 !important;
  }
  .otto-hero .hero-photo img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media (max-width: 480px) {
  .otto-hero {
    grid-template-columns: 1fr !important;
  }
}
/* Every card badge reads "Yeni" in the black style */
.trend-badge:not(.new) {
  background: rgb(23, 21, 18) !important;
  color: #FFFFFF !important;
  font-size: 0 !important;
}
.trend-badge:not(.new)::after {
  content: "Yeni";
  font-size: 11px;
  font-weight: 800;
  color: #FFFFFF;
}