/* Responsive refinement of the approved mobile rebrand. */
html body.oppo-redesign #trackingPanel h3{font-family:OmakaseEditorial,serif!important}
html body.oppo-redesign #omakase-footer{border-top:0!important}
html body.oppo-redesign #productDetailModal .detail-catalog-card{border-radius:0!important;overflow:visible!important}
.connection-note,.request-result{grid-column:1/-1;font:12px/1.5 Arial;color:#183b56}
.request-result:empty{display:none}
.tracking-order-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}
.tracking-order-head strong{font-size:17px;color:#111214}
.tracking-steps{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tracking-steps li{padding-top:9px;border-top:2px solid #d8d1c5;font:11px/1.4 Arial;color:#777168}
.tracking-steps li.completed{border-color:#183b56;color:#183b56}
.tracking-order-meta{display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #ded7ca}
html body.oppo-redesign #checkoutSubmit{min-height:40px!important;height:40px!important;font:600 12px Arial!important;border-radius:4px!important;box-shadow:none!important}
html body.oppo-redesign #checkoutSubmit:disabled{opacity:.55!important;cursor:not-allowed}
html body.oppo-redesign #cartDrawer .legal-consent{display:flex!important;align-items:flex-start!important;gap:8px!important;grid-column:1/-1!important}
html body.oppo-redesign #cartDrawer .legal-consent input{width:16px!important;height:16px!important;min-height:16px!important;flex:0 0 16px!important;margin:2px 0!important}
html body.oppo-redesign #cartDrawer .legal-consent span{font:11px/1.5 Arial!important}
html body.oppo-redesign #cartDrawer #checkoutMessage{font:12px/1.5 Arial!important;overflow-wrap:anywhere}
html body.oppo-redesign #cartDrawer #checkoutForm[hidden]{display:none!important}
html body.oppo-redesign .catalog-card:focus-visible,html body.oppo-redesign .product-card:focus-visible{outline:2px solid #183b56!important;outline-offset:5px}
/* Small catalogue options share the cart's existing add/total flow. */
html body.oppo-redesign #cartDrawer .cart-suggestions{margin:16px 0 10px!important;padding:0!important;background:none!important}
html body.oppo-redesign #cartDrawer .cart-suggestions[hidden]{display:none!important}
html body.oppo-redesign #cartDrawer .cart-suggestions-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 9px!important}
html body.oppo-redesign #cartDrawer .cart-suggestions-head h3{font:600 12px/1.4 Arial!important;color:#111214!important;margin:0!important}
html body.oppo-redesign #cartDrawer .cart-suggestions-next{min-height:28px!important;height:28px!important;width:auto!important;padding:4px 0 4px 8px!important;border:0!important;border-radius:0!important;background:none!important;color:#183b56!important;font:11px Arial!important;text-decoration:underline;text-underline-offset:3px;box-shadow:none!important}
html body.oppo-redesign #cartDrawer .cart-suggestions-next[hidden]{display:none!important}
html body.oppo-redesign #cartDrawer .cart-suggestions-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
html body.oppo-redesign #cartDrawer .cart-suggestion{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:7px!important;align-items:center!important;padding:9px!important;background:#fffdf8!important;border:1px solid #e3ddd1!important;border-radius:5px!important;min-width:0!important}
html body.oppo-redesign #cartDrawer .cart-suggestion img{width:42px!important;height:48px!important;object-fit:contain!important;background:#f0f0eb!important;border-radius:2px!important}
html body.oppo-redesign #cartDrawer .cart-suggestion small{display:block!important;font:8px/1.3 Arial!important;letter-spacing:.4px!important;text-transform:uppercase!important;color:#777168!important;margin:0 0 4px!important}
html body.oppo-redesign #cartDrawer .cart-suggestion h4{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 11px/1.35 Arial!important;margin:0!important;color:#111214!important}
html body.oppo-redesign #cartDrawer .cart-suggestion-add{grid-column:1/-1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;height:28px!important;min-height:28px!important;padding:4px 5px!important;background:transparent!important;color:#111214!important;border:1px solid #ded7cb!important;border-radius:3px!important;font:600 10px/1 Arial!important;box-shadow:none!important;transform:none!important}
html body.oppo-redesign #cartDrawer .cart-suggestion-add span{font:16px/1 Arial!important}
html body.oppo-redesign #cartDrawer .cart-suggestion-add b{font:600 10px/1 Arial!important}
html body.oppo-redesign #cartDrawer .cart-suggestion-add:hover{background:#eee8dc!important}
html body.oppo-redesign #cartDrawer .cart-suggestion{transition:transform .24s cubic-bezier(.2,.65,.3,1),box-shadow .24s,border-color .24s!important}
html body.oppo-redesign #cartDrawer .cart-suggestion-add{transition:background-color .2s,border-color .2s!important}
@media(hover:hover) and (pointer:fine){html body.oppo-redesign #cartDrawer .cart-suggestion:hover{transform:translateY(-2px)!important;border-color:#c5c7bf!important;box-shadow:0 5px 12px #183b560b!important}}
@media(prefers-reduced-motion:reduce){html body.oppo-redesign #cartDrawer .cart-suggestion,html body.oppo-redesign #cartDrawer .cart-suggestion-add{transition:none!important;transform:none!important}}
html body.oppo-redesign #cartDrawer .cart-suggestions button:before,html body.oppo-redesign #cartDrawer .cart-suggestions button:after{display:none!important}
@media(min-width:651px){
 html body.oppo-redesign .bp-header{display:grid!important;grid-template-columns:auto minmax(250px,1fr) minmax(230px,320px) auto!important;align-items:center!important;gap:24px!important;width:min(1240px,calc(100% - 64px))!important;margin:0 auto!important;padding:22px 0!important;box-sizing:border-box!important;background:transparent!important}
 html body.oppo-redesign .bp-header>.bp-wordmark{font-size:38px!important;line-height:1!important}
 html body.oppo-redesign .bp-header>nav{display:flex!important;gap:20px!important;justify-content:center!important}
 html body.oppo-redesign .bp-header>nav a{font:12px Arial!important;white-space:nowrap;color:#111214!important}
 html body.oppo-redesign .bp-header>.bp-search{width:100%!important;box-sizing:border-box!important}
 html body.oppo-redesign .bp-mobile-menu{display:none!important}
 html body.oppo-redesign .bp-header .bp-cart{margin:0!important;min-width:48px!important;padding:5px!important}
 html body.oppo-redesign #inicio.bp-hero{width:min(1240px,calc(100% - 64px))!important;margin:0 auto!important;padding:30px 0 56px!important;display:grid!important;grid-template-columns:.95fr 1.05fr!important;gap:56px!important;min-height:0!important;align-items:center!important}
 html body.oppo-redesign #inicio .bp-copy{width:auto!important;max-width:none!important;padding:0!important}
 html body.oppo-redesign #inicio h1{font-size:clamp(78px,7.8vw,116px)!important;line-height:.95!important;margin:26px 0!important}
 html body.oppo-redesign #inicio .bp-description{max-width:370px!important;font:14px/1.6 Arial!important;background:none!important;color:#57564f!important;padding:0!important}
 html body.oppo-redesign #inicio .bp-actions{max-width:360px!important;margin:24px 0 0!important}
 html body.oppo-redesign #inicio .bp-proof{gap:20px!important;padding-top:18px!important;margin-top:18px!important}
 html body.oppo-redesign #inicio .bp-art{width:100%!important;height:480px!important;max-width:none!important;min-height:0!important;margin:0!important;mask:none!important;-webkit-mask:none!important;border-radius:3px!important;overflow:hidden!important;background:#183b56!important}
 html body.oppo-redesign #inicio .bp-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;mask:none!important;transform:none!important}
 html body.oppo-redesign #inicio .bp-art:after{content:''!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,transparent 65%,#183b5640 83%,#183b56 100%)!important}
 html body.oppo-redesign #best-sellers{width:min(1240px,calc(100% - 64px))!important;margin:0 auto!important;padding:32px 0 52px!important;display:grid!important;grid-template-columns:1fr 1.55fr!important;gap:48px!important;align-items:center!important}
 html body.oppo-redesign #best-sellers .section-heading{padding:0!important;margin:0!important}
 html body.oppo-redesign #featuredGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;max-width:630px!important;width:100%!important;justify-self:end!important}
 html body.oppo-redesign #featuredGrid .product-card{min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
 html body.oppo-redesign #featuredGrid .featured-image-wrap{height:260px!important;min-height:0!important;max-height:none!important;background:#f0f0eb!important;border-radius:4px!important;padding:12px!important;box-sizing:border-box!important}
 html body.oppo-redesign #featuredGrid .featured-image-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;transform:none!important}
 html body.oppo-redesign #featuredGrid .product-info{padding:12px 0 0!important}
 html body.oppo-redesign #featuredGrid h3,html body.oppo-redesign #catalogGrid h3{font:600 15px/1.35 Arial!important;min-height:40px!important;margin:6px 0!important}
 html body.oppo-redesign #featuredGrid .stock-row{display:none!important}
 html body.oppo-redesign #featuredGrid .add-to-cart,html body.oppo-redesign #catalogGrid .add-to-cart{height:36px!important;min-height:36px!important;font:600 11px Arial!important;padding:7px 10px!important;width:100%!important}
 html body.oppo-redesign #catalogo{width:min(1240px,calc(100% - 64px))!important;margin:0 auto!important;padding:36px 0 60px!important}
 html body.oppo-redesign #catalogGrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px 24px!important}
 html body.oppo-redesign #catalogo #catalogGrid .catalog-card .catalog-image-wrap{aspect-ratio:1/1.12!important}
 html body.oppo-redesign #catalogGrid .catalog-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
 html body.oppo-redesign #catalogGrid .catalog-card-body{padding:11px 0 0!important}
 html body.oppo-redesign #catalogGrid .catalog-card-topline{font:10px Arial!important;letter-spacing:1px!important}
 html body.oppo-redesign #catalogGrid .catalog-card-meta{font:10px Arial!important;margin-bottom:12px!important}
 html body.oppo-redesign #catalogo .bp-filter-disclosure{margin:12px 0 28px!important}
 html body.oppo-redesign #catalogo .bp-filter-content{padding:16px 0!important}
 html body.oppo-redesign #catalogo #requestForm{align-items:end!important;margin-top:48px!important}
 html body.oppo-redesign #trackingPanel .tracking-card{max-width:680px!important;padding:30px!important;margin:40px auto!important}
 html body.oppo-redesign #productDetailModal .product-detail-dialog{width:min(292px,calc(38dvh + 24px))!important;max-width:292px!important}
 html body.oppo-redesign #cartDrawer{width:440px!important}
 html body.oppo-redesign .faq-panel{width:350px!important;right:24px!important;bottom:98px!important}
 html body.oppo-redesign:not(.admin-page) .floating-actions{right:24px!important;bottom:30px!important}
}
@media(min-width:651px) and (max-width:1050px){
 html body.oppo-redesign .bp-header{grid-template-columns:auto minmax(180px,1fr) auto auto!important;gap:18px!important}
 html body.oppo-redesign .bp-header>nav{display:none!important}
 html body.oppo-redesign .bp-mobile-menu{display:block!important}
 html body.oppo-redesign #inicio.bp-hero{gap:28px!important}
 html body.oppo-redesign #inicio .bp-art{height:410px!important}
 html body.oppo-redesign #best-sellers{grid-template-columns:1fr 1.6fr!important;gap:24px!important}
 html body.oppo-redesign #featuredGrid .featured-image-wrap{height:210px!important}
 html body.oppo-redesign #catalogGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px 18px!important}
 html body.oppo-redesign #catalogo #requestForm{grid-template-columns:1fr 1fr!important}
}
@media(min-width:1051px){
 html body.oppo-redesign .bp-header{height:104px!important;min-height:104px!important;border-bottom:1px solid #ded5c5!important}
 html body.oppo-redesign #inicio.bp-hero{overflow:visible!important}
 html body.oppo-redesign #inicio .bp-art{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:calc((100% - 56px) * .525)!important;height:auto!important;aspect-ratio:auto!important;border-radius:0 0 24px 0!important}
 html body.oppo-redesign .bp-header .bp-cart{background:transparent!important;border:0!important;box-shadow:none!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* The header must also fit fractional CSS widths at the phone/tablet boundary. */
@media(max-width:1050.99px){
 html body.oppo-redesign .bp-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:10px 12px!important;align-items:center!important}
 html body.oppo-redesign .bp-header>.bp-wordmark{grid-column:1!important;grid-row:1!important}
 html body.oppo-redesign .bp-header>.bp-search{grid-column:1/-1!important;grid-row:2!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}
 html body.oppo-redesign .bp-header>.bp-cart{grid-column:2!important;grid-row:1!important}
 html body.oppo-redesign .bp-header>.bp-mobile-menu{display:block!important;grid-column:3!important;grid-row:1!important}
 html body.oppo-redesign .bp-header>nav{display:none!important}
}

/* Integrate transparent product photos with the surrounding card surface. */
html body.oppo-redesign #catalogo #catalogGrid .catalog-card .catalog-image-wrap,
html body.oppo-redesign #featuredGrid .product-card .featured-image-wrap,
html body.oppo-redesign #productDetailModal .product-detail-dialog .catalog-image-wrap{background:transparent!important;box-shadow:none!important}
html body.oppo-redesign #catalogo #catalogGrid .catalog-image-wrap img,
html body.oppo-redesign #featuredGrid .featured-image-wrap img,
html body.oppo-redesign #productDetailModal .catalog-image-wrap img{background:transparent!important;mix-blend-mode:multiply!important}
@media(min-width:1051px){
 html body.oppo-redesign #best-sellers .section-heading{padding-left:24px!important;box-sizing:border-box!important}
}
/* Blend the photo layer itself, including its animated stacking context. */
html body.oppo-redesign #catalogo,
html body.oppo-redesign #best-sellers{isolation:auto!important}
html body.oppo-redesign #catalogo #catalogGrid .catalog-card .catalog-image-wrap,
html body.oppo-redesign #featuredGrid .product-card .featured-image-wrap,
html body.oppo-redesign #productDetailModal .product-detail-dialog .catalog-image-wrap{mix-blend-mode:multiply!important}
html body.oppo-redesign #featuredGrid .product-card,
html body.oppo-redesign #catalogo #catalogGrid .catalog-card{contain:none!important;animation-fill-mode:backwards!important}
html body.oppo-redesign #catalogo,
html body.oppo-redesign #catalogPanel,
html body.oppo-redesign #best-sellers{animation-fill-mode:backwards!important}
html body.oppo-redesign #catalogGrid{isolation:auto!important;z-index:auto!important}
html body.oppo-redesign #featuredGrid .featured-image-wrap,
html body.oppo-redesign #catalogo #catalogGrid .catalog-image-wrap{isolation:auto!important;transform:none!important}
html body.oppo-redesign #productDetailModal .product-detail-dialog .catalog-image-wrap{background:#fff9eb!important}

/* Avoid isolating top-seller photos in an opaque entry-animation layer. */
html body.oppo-redesign #featuredGrid .product-card{animation:none!important;opacity:1!important;transform:none!important;isolation:auto!important}
html body.oppo-redesign #featuredGrid .featured-image-wrap img{filter:none!important}
/* Sold-out opacity must not isolate the photograph from the page backdrop. */
html body.oppo-redesign #catalogo #catalogGrid .catalog-card.is-soldout,
html body.oppo-redesign #featuredGrid .product-card.is-soldout{opacity:1!important}
html body.oppo-redesign #catalogo #catalogGrid .catalog-card.is-soldout .catalog-card-body{opacity:.84}

/* Use a single blend layer. Nested blends become opaque in mobile WebKit. */
html body.oppo-redesign #featuredGrid .product-card .featured-image-wrap{background:transparent!important;mix-blend-mode:multiply!important;filter:none!important;isolation:auto!important;will-change:auto!important}
html body.oppo-redesign #featuredGrid .product-card .featured-image-wrap img{mix-blend-mode:normal!important;z-index:auto!important;filter:none!important;background:transparent!important}
@media(hover:none),(max-width:750px){
 html body.oppo-redesign #featuredGrid .product-card .featured-image-wrap{transform:none!important;transition:none!important}
}