/* Product showcase: List / Menu views, framed fashion photos, flipping card photos. Loaded after the catalog styles. */
.view-switch{display:inline-flex;gap:4px;padding:4px;border:1px solid #d6e3ea;border-radius:999px;background:#fff}
.view-switch[hidden]{display:none}
.view-switch button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:#35506a;font:600 .86rem/1 inherit;cursor:pointer;width:auto}
.view-switch button.active{background:linear-gradient(135deg,#0750AD,#0AA8EF);color:#fff;box-shadow:0 6px 16px rgba(7,80,173,.25)}
.vs-ico{position:relative;display:inline-block;width:15px;height:13px}
.vs-menu{background:linear-gradient(currentColor,currentColor) 0 0/6px 5px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/6px 5px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/15px 5px no-repeat;opacity:.9}
.vs-list{background:linear-gradient(currentColor,currentColor) 0 0/4px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 0/9px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 5px/4px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 5px/9px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 10px/4px 3px no-repeat,linear-gradient(currentColor,currentColor) 6px 10px/9px 3px no-repeat}

/* card media: stacked photos that cross-fade */
#product-list .card-media{position:relative;display:block;overflow:hidden;background:#efe9e1;aspect-ratio:4/3;width:100%}
#product-list .card-media>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;opacity:0;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.7,.2,1)}
#product-list .card-media>img.on{opacity:1}
#product-list .product-link:hover .card-media>img.on{transform:scale(1.04)}
#product-list .product-link.is-fashion .card-media{aspect-ratio:4/5}
.card-dots,.card-swatches{display:flex!important}
.card-dots i,.card-swatches i{display:block!important;flex:none}
.card-dots{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.card-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.12);transition:width .3s,background .3s}
.card-dots i.on{width:16px;border-radius:4px;background:#fff}
.card-swatches{position:absolute;top:10px;inset-inline-end:10px;display:flex;gap:3px;padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.card-swatches i{width:11px;height:11px;border-radius:50%;background:var(--sw,#999);box-shadow:inset 0 0 0 1px rgba(0,0,0,.18)}

/* Menu view: cards side by side, copy under the photo (two per row on phones) */
#product-list.product-list.menu-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:18px}
#product-list.menu-view .product-link{display:flex!important;flex-direction:column}
@media(max-width:620px){
  #product-list.product-list.menu-view{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}
  #product-list.menu-view .product-card-copy{min-height:0!important;padding:10px 10px 12px!important}
  #product-list.menu-view .product-card-copy b{font-size:.86rem;line-height:1.3}
  #product-list.menu-view .product-card-copy small,#product-list.menu-view .product-card-copy em{font-size:.68rem}
  #product-list.menu-view .product-card-copy>span{font-size:.74rem}
  #product-list.menu-view .product-link{border-radius:14px}
}

/* List view: photo beside the card copy */
#product-list.product-list.list-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
#product-list.list-view .product-link{display:grid!important;grid-template-columns:minmax(150px,38%) 1fr;align-items:stretch;min-height:0}
#product-list.list-view .card-media{aspect-ratio:auto;height:100%;min-height:200px}
#product-list.list-view .product-link.is-fashion .card-media{aspect-ratio:auto;min-height:260px}
#product-list.list-view .product-card-copy{justify-content:center}
@media(max-width:900px){#product-list.product-list.list-view{grid-template-columns:1fr!important}}
@media(max-width:480px){#product-list.list-view .product-link{grid-template-columns:42% 1fr}#product-list.list-view .product-link.is-fashion .card-media{min-height:220px}}
@media(prefers-reduced-motion:reduce){#product-list .card-media>img{transition:none}}

/* Heading inside a sector: path instead of the sector photo */
#sector-heading.is-trail{display:block!important;padding:26px 30px!important;min-height:0!important;background:linear-gradient(135deg,#fff 0%,#f3f9fd 100%)}
#sector-heading.is-trail #sector-image,#sector-heading.is-trail #view-kicker{display:none!important}
#sector-heading.is-trail h2{margin:6px 0 6px;font-size:clamp(1.7rem,3.4vw,2.8rem)}
.heading-trail{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.92rem;font-weight:600}
.heading-trail a{color:#0750AD;text-decoration:none;padding:5px 12px;border-radius:999px;background:#eaf4fb;transition:background .2s}
.heading-trail a:hover{background:#d6ecfa}
.heading-trail span{color:#0d2a44;padding:5px 12px;border-radius:999px;background:linear-gradient(135deg,#0750AD,#0AA8EF);color:#fff}
.heading-trail i{font-style:normal;color:#8fb7d6;font-size:1.1rem;line-height:1}
.heading-trail i::before{content:'ƒA'}
[dir=rtl] .heading-trail i::before{content:'ƒ9'}
body:has(#sector-heading.is-trail) #catalog-breadcrumbs{display:none}
@media(max-width:620px){#sector-heading.is-trail{padding:18px!important}.heading-trail{font-size:.8rem}}

/* Product page: favorites + my requests */
.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.product-actions button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 18px;border-radius:14px;font:700 1rem/1.2 inherit;cursor:pointer;transition:transform .15s,box-shadow .2s,background .2s}
.product-actions button:active{transform:scale(.98)}
.pa-fav{border:1.5px solid #bcd6e8;background:#fff;color:#0d2a44}
.pa-fav:hover{border-color:#e58aa0;color:#c2335b}
.pa-fav.on{border-color:#f2b6c5;background:#fff3f6;color:#c2335b}
.pa-req{border:0;background:linear-gradient(135deg,#0750AD,#0AA8EF);color:#fff;box-shadow:0 12px 28px rgba(7,80,173,.28)}
.pa-req.on{background:linear-gradient(135deg,#17804f,#2fbf7c);box-shadow:0 12px 28px rgba(23,128,79,.25)}
.pa-ico{font-size:1.25rem;line-height:1}
.pa-link{grid-column:1/-1;justify-self:center;color:#0750AD;font-weight:700;text-decoration:none}
.pa-link:hover{text-decoration:underline}
@media(max-width:480px){.product-actions{grid-template-columns:1fr}}
#product-thumbnails[hidden],#product-color-options[hidden]{display:none!important}

/* Product technical profile */
.product-profile{margin:26px 0;padding:24px;border:1px solid #d9e6f1;border-radius:18px;background:linear-gradient(180deg,#f7fbff,#fff);box-shadow:0 10px 30px rgba(13,42,68,.06)}
.product-profile[hidden]{display:none}
.pp-title{margin:0 0 14px;color:#0d2a44;font-size:1.25rem}
.pp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;border-bottom:1px solid #e3edf5;padding-bottom:12px}
.pp-tabs button{border:1px solid #cfe0ee;background:#fff;color:#24435f;border-radius:999px;padding:9px 16px;font:600 .92rem/1.2 inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.pp-tabs button:hover{border-color:#0AA8EF;color:#0750AD}
.pp-tabs button.on{background:linear-gradient(135deg,#0750AD,#0AA8EF);border-color:transparent;color:#fff}
.pp-panel{color:#2b4257;line-height:1.85;font-size:1.02rem;min-height:70px}
.pp-panel p{margin:0 0 10px}
.pp-panel h4{margin:0 0 10px;color:#0d2a44}
.pp-panel ul{margin:0;padding-inline-start:20px;display:grid;gap:6px}
.pp-panel li::marker{color:#0AA8EF}
.pp-note{display:block;margin-top:14px;color:#6a7f92}
@media(max-width:620px){.product-profile{padding:16px}.pp-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.pp-tabs button{flex:0 0 auto}}