.product-story-transformation .product-transformation-canvas{
  pointer-events:none;
}

.product-story-transformation{
  overflow:hidden;
}

main > section.process-section .process-step__image,
main > section.process-section .process-step__content{
  min-width:0;
}

main > section.process-section{
  overflow:hidden;
}

.product-story-transformation .product-transformation{
  overflow:visible;
  transform:translateY(5%) scale(1.32);
  transform-origin:center 56%;
}

@media (hover:hover) and (pointer:fine){
  .product-transformation-toggle:hover .product-transformation-bag{opacity:0;}
  .product-transformation-toggle:hover .product-transformation-ball{opacity:1;}
  .product-transformation-toggle.is-revealed:hover .product-transformation-bag{opacity:1;}
  .product-transformation-toggle.is-revealed:hover .product-transformation-ball{opacity:0;}
}

/* Immagini complete a filo blocco; il respiro resta nella colonna di testo. */
.product-story-soft,
.product-maker{
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0;
  align-items:center;
}

.product-story-soft .product-story-media{
  align-self:start;
  height:auto;
  aspect-ratio:1670 / 939;
}

.product-maker .product-maker-media{
  align-self:start;
  height:auto;
  aspect-ratio:1568 / 1024;
}

.product-story-soft .product-story-media img,
.product-maker .product-maker-media img{
  object-fit:contain;
  object-position:center;
}

.product-story-soft .product-story-copy,
.product-maker .product-maker-copy{
  padding:clamp(1rem,1.5vw,1.5rem) clamp(1.5rem,5.5vw,6rem);
  font-size:clamp(.78rem,.9vw,.95rem);
  line-height:1.45;
}

.product-story-soft .product-story-copy h2,
.product-maker .product-maker-copy h2{
  margin:.2rem 0 .8rem;
  font-size:clamp(2.25rem,2.8vw,3.2rem);
  line-height:.98;
}

.product-story-soft .product-story-copy p,
.product-maker .product-maker-copy p{
  margin-bottom:.55rem;
}

.product-story-soft .product-story-closing{
  margin-top:.55rem;
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.25;
}

.product-story-soft .text-link{
  margin-top:.5rem;
}

.product-story-interior{
  grid-template-columns:1fr 1fr;
  gap:0;
  padding:0;
  align-items:center;
}

.product-story-interior .product-story-media{
  align-self:start;
  height:auto;
  aspect-ratio:4096 / 2731;
  transform:none;
}

.product-story-interior .product-story-media img{
  object-fit:contain;
  object-position:center;
}

.product-story-interior .product-story-copy{
  padding:clamp(1rem,1.5vw,1.5rem) clamp(1.5rem,5.5vw,6rem);
  font-size:clamp(.78rem,.9vw,.95rem);
  line-height:1.45;
}

.product-story-interior .product-story-copy h2{
  margin:.2rem 0 .8rem;
  font-size:clamp(2.25rem,2.8vw,3.2rem);
  line-height:.98;
}

.product-story-interior .product-story-copy p{
  margin-bottom:.55rem;
}

.product-story-interior .product-story-closing{
  margin-top:.55rem;
  font-size:clamp(1rem,1.15vw,1.15rem);
  line-height:1.25;
}

main > section.prima-pelle-sequence{
  margin:0;
  width:100%;
  background:var(--brass) !important;
}

.prima-pelle-sequence img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}

.prima-pelle-carousel{
  position:relative;
  width:100%;
  aspect-ratio:4096 / 1600;
  overflow:hidden;
}

.prima-pelle-carousel-viewport{
  width:100%;
  height:100%;
  overflow:hidden;
}

.prima-pelle-carousel-track{
  display:flex;
  height:100%;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);
}

.prima-pelle-carousel-track.is-resetting{
  transition:none;
}

.prima-pelle-carousel-card{
  position:relative;
  flex:0 0 25%;
  min-width:0;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
}

.prima-pelle-carousel-card:after{
  display:none;
}

.prima-pelle-carousel-card img{
  display:block;
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  --bag-scale:.84;
  --bag-shift:0%;
  transform:translateY(var(--bag-shift)) scale(var(--bag-scale));
  transform-origin:center;
  filter:drop-shadow(0 .55rem .8rem rgba(43,28,14,.30));
  transition:opacity .38s cubic-bezier(.4,0,.2,1);
}

.prima-pelle-carousel-card.is-view-rotator img{
  position:absolute;
  inset:0;
  opacity:0;
}

.prima-pelle-carousel-card.is-view-rotator img.is-active-view{
  opacity:1;
}

.prima-pelle-carousel-card img.is-mirrored-view{
  transform:translateY(var(--bag-shift)) scaleX(-1) scale(var(--bag-scale));
}

.prima-pelle-carousel-control{
  position:absolute;
  z-index:2;
  top:50%;
  width:2.75rem;
  height:2.75rem;
  border:1px solid rgba(244,240,233,.7);
  border-radius:50%;
  padding:0;
  background:rgba(22,21,19,.62);
  color:var(--ivory);
  font:1.35rem/1 var(--brand-font);
  transform:translateY(-50%);
  cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}

.prima-pelle-carousel-control:hover{
  background:var(--charcoal);
  transform:translateY(-50%) scale(1.06);
}

.prima-pelle-carousel-control.is-previous{left:clamp(.75rem,2vw,2rem)}
.prima-pelle-carousel-control.is-next{right:clamp(.75rem,2vw,2rem)}

/* La fascia inserita sposta l'ordine delle sezioni: manteniamo l'alternanza approvata. */
main > .product-story-soft,
main > .product-story-interior{
  background:var(--charcoal);
  color:var(--ivory);
}

main > .product-maker,
main > .custom-cta{
  background:var(--brass);
  color:var(--ink);
}

@media (max-width:900px){
  .product-story-transformation .product-transformation-canvas{
  pointer-events:none;
}

.product-story-transformation .product-transformation{
    transform:translateY(3%) scale(1.12);
  }

  .product-story-soft,
  .product-maker,
  .product-story-interior{
    grid-template-columns:1fr;
  }

  .prima-pelle-carousel{
    aspect-ratio:1.28;
  }

  .prima-pelle-carousel-card{flex-basis:50%}
  .prima-pelle-carousel-viewport{touch-action:pan-y;}
  .prima-pelle-carousel-control{width:2rem;height:2rem;font-size:1rem;}
}
/* Sistema tipografico condiviso per i blocchi editoriali della pagina BORSE. */
main > section.product-hero .eyebrow,
main > section.product-story .eyebrow,
main > section.intro-product-comparison .eyebrow,
main > section.product-maker .eyebrow,
main > section.custom-cta .eyebrow,
main > section.specs .eyebrow{
  margin:0 0 .6rem;
}

main > section.product-hero h1,
main > section.product-story h2,
main > section.product-story.product-story-soft h2,
main > section.product-story.product-story-interior h2,
main > section.intro-product-comparison h2,
main > section.product-maker h2,
main > section.product-maker .product-maker-copy h2,
main > section.custom-cta h2,
main > section.specs h2{
  margin:0 0 .8rem;
  font-size:clamp(2.25rem,2.8vw,3.2rem);
  line-height:.98;
}

main > section.product-hero > div:first-child p:not(.eyebrow),
main > section.product-story .product-story-copy p:not(.eyebrow),
main > section.intro-product-comparison .lede,
main > section.product-maker .product-maker-copy p:not(.eyebrow),
main > section.custom-cta > div:last-child p{
  margin:0 0 .8rem;
  font-size:clamp(.875rem,1vw,1rem);
  line-height:1.45;
}
/* L'immagine è lo sfondo dell'intero hero: non esiste più una colonna da separare. */
main > section.product-hero {
  position: relative;
  display: block;
  min-height: 82vh;
  isolation: isolate;
  overflow: hidden;
  background: var(--charcoal);
}

.product-hero .product-hero-image {
  position: absolute;
  z-index: -2;
  inset: 0;
}

.product-hero .product-hero-image img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

main > section.product-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(to bottom, transparent 64%, var(--charcoal) 100%);
  pointer-events: none;
}

main > section.product-hero > div:first-child {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: auto;
  min-height: 0;
  padding: clamp(3rem, 5vw, 5rem) 7vw clamp(4rem, 7vw, 7rem);
  justify-content: flex-end;
  color: var(--ivory);
  text-shadow: 0 .15rem .9rem rgba(0, 0, 0, .5);
}

main > section.custom-cta .button {
  background:var(--ink);
  border-color:var(--gold);
  color:var(--gold);
}

main > section.custom-cta .button:hover {
  background:var(--gold);
  border-color:var(--gold);
  color:var(--ink);
}

main > section.product-maker .button {
  background:var(--ink);
  border-color:var(--gold);
  color:var(--gold);
}

main > section.product-maker .button:hover {
  background:var(--gold);
  border-color:var(--gold);
  color:var(--ink);
}

main > section.product-hero .button {
  background: var(--ink);
  border-color: var(--gold);
  color: var(--gold);
}

main > section.product-hero .button:hover {
  background: var(--gold);
  border-color: var(--gold);
  color: var(--ink);
}

@media (max-width: 900px) {
  main > section.product-hero > div:first-child {
    width: 100%;
    padding: 3rem 1.5rem 4rem;
  }
}

/* Tavola editoriale Made for You: quattro componenti, un solo stato variabile. */
main > section.made-for-you-editorial{
  display:grid;
  grid-template-columns:minmax(0,28fr) auto minmax(0,19fr) auto minmax(0,19fr) auto minmax(0,34fr);
  grid-template-rows:auto minmax(0,1fr);
  gap:clamp(.85rem,1.5vw,1.5rem) clamp(.65rem,1.25vw,1.4rem);
  align-items:stretch;
  height:clamp(30rem,39vw,44rem);
  margin:0;
  background:var(--charcoal);
  color:var(--ivory);
}

.made-column-title{align-self:start;min-width:0;}
.made-column-title .eyebrow{margin:0;color:var(--gold);font-size:clamp(.68rem,.9vw,.84rem);line-height:1.2;}
.made-shell-title{grid-column:1;grid-row:1;}
.made-sack-title{grid-column:3;grid-row:1;}
.made-handle-title{grid-column:5;grid-row:1;}
.made-identities-title{grid-column:7;grid-row:1;}
.made-shell,.made-variant-panel{margin:0;border:1px solid rgba(186,141,62,.76);min-width:0;min-height:0;overflow:hidden;}
.made-shell{grid-column:1;grid-row:2;display:grid;place-items:center;padding:0;overflow:hidden;}
.made-shell img,.made-variant img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;}
.made-shell-media{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;}
.made-shell .made-shell-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;}
.made-shell-operator{grid-column:2;grid-row:2;align-self:center;color:var(--gold);font:clamp(2.4rem,4vw,4.6rem)/1 var(--display);}
.made-sack-panel{grid-column:3;grid-row:2;position:relative;}
.made-elements-plus{grid-column:4;grid-row:2;align-self:center;color:var(--gold);font:clamp(2rem,3.2vw,3.8rem)/1 var(--display);}
.made-handle-panel{grid-column:5;grid-row:2;position:relative;}
.made-result-operator{grid-column:6;grid-row:2;display:flex;align-items:center;justify-content:center;color:var(--gold);font:clamp(2.4rem,4vw,4.6rem)/1 var(--display);}
.made-result{grid-column:7;grid-row:2;position:relative;padding:clamp(.55rem,1.1vw,1.2rem);overflow:hidden;}
.made-variant{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease;pointer-events:none;}
.made-variant-beige{opacity:1;}
.made-for-you-editorial.is-variant-dark .made-variant-beige{opacity:0;}
.made-for-you-editorial.is-variant-dark .made-variant-black{opacity:1;}
.made-accessory-module .made-variant{padding:clamp(.6rem,1.15vw,1.2rem);}
.made-sack-panel .made-variant img{max-width:86%;max-height:72%;}
.made-handle-panel .made-variant img{max-width:78%;max-height:72%;}
.made-result .made-variant{padding:clamp(.2rem,.6vw,.7rem);}
.made-result .made-variant img{width:auto;height:100%;max-width:none;max-height:100%;}
@media (hover:hover){
  .made-shell-image,.made-variant img{transform-origin:center;transition:transform .42s ease;}
  .made-shell:hover,.made-sack-panel:hover,.made-handle-panel:hover,.made-result:hover{position:relative;z-index:2;overflow:visible;}
  .made-shell:hover .made-shell-image,.made-sack-panel:hover img,.made-handle-panel:hover img{transform:scale(2);}
  .made-result:hover img{transform:scale(1.5);}
}

@media (prefers-reduced-motion:reduce){
  .made-variant img{transition:none;}
}

@media (prefers-reduced-motion:no-preference){
  .made-for-you-editorial.is-ready .made-sack-panel,.made-for-you-editorial.is-ready .made-elements-plus,.made-for-you-editorial.is-ready .made-handle-panel,.made-for-you-editorial.is-ready .made-result-operator,.made-for-you-editorial.is-ready .made-result{opacity:0;transform:translateY(.65rem);}
  .made-for-you-editorial.is-visible .made-sack-panel,.made-for-you-editorial.is-visible .made-elements-plus,.made-for-you-editorial.is-visible .made-handle-panel,.made-for-you-editorial.is-visible .made-result-operator,.made-for-you-editorial.is-visible .made-result{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;}
  .made-for-you-editorial.is-visible .made-sack-panel,.made-for-you-editorial.is-visible .made-elements-plus,.made-for-you-editorial.is-visible .made-handle-panel{transition-delay:.25s;}
  .made-for-you-editorial.is-visible .made-result-operator{transition-delay:.4s;}
  .made-for-you-editorial.is-visible .made-result{transition-delay:.5s;}
}

@media (max-width:900px){
  main > section.made-for-you-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto min(90vw,36rem) auto min(60vw,18rem) auto min(90vw,36rem);gap:clamp(1rem,4vw,2rem);height:auto;min-height:0;padding:clamp(3rem,8vw,5rem) 1.5rem;}
  .made-shell-title,.made-shell,.made-identities-title,.made-result{grid-column:1/-1;}
  .made-sack-title,.made-sack-panel{grid-column:1;}
  .made-handle-title,.made-handle-panel{grid-column:2;}
  .made-shell-title{grid-row:1;}.made-shell{grid-row:2;height:auto;}.made-sack-title,.made-handle-title{grid-row:3;}.made-sack-panel,.made-handle-panel{grid-row:4;height:auto;}.made-identities-title{grid-row:5;}.made-result{grid-row:6;height:auto;}
  .made-shell-operator,.made-elements-plus,.made-result-operator{display:none;}
  .made-shell-media{width:100%;height:100%;min-width:0;min-height:0;display:grid;place-items:center;}
.made-shell .made-shell-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;}
  .made-result .made-variant img{width:auto;height:100%;max-width:none;max-height:100%;}

}

@media (max-width:560px){
  .made-column-title .eyebrow{font-size:.68rem;}
  .made-sack-panel,.made-handle-panel{height:60vw;}
  .made-elements-plus,.made-result-operator{font-size:2.25rem;}
  .made-result{height:94vw;}
}
/* Il CTA conclude la tavola di composizione. */
main > section.custom-cta{padding-bottom:clamp(2rem,3vw,3.5rem);}
main > section.made-for-you-editorial{padding-top:clamp(2rem,3vw,3.5rem);padding-bottom:clamp(1rem,2vw,2rem);}
main > .made-for-you-action{display:flex;justify-content:center;background:var(--charcoal);padding:0 7vw clamp(3rem,5vw,5rem);}
main > .made-for-you-action .button{background:var(--ink);border-color:var(--gold);color:var(--gold);}

/* Tre configurazioni statiche: stessa scala del precedente riquadro composizione. */
main > section.brown-variants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.85rem,1.5vw,1.5rem);margin:0;background:var(--charcoal);padding-top:clamp(2rem,3vw,3.5rem);padding-bottom:clamp(1rem,2vw,2rem);}
.brown-variants figure{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;border:1px solid rgba(186,141,62,.76);overflow:hidden;}
.brown-variants img{display:block;width:auto;height:100%;max-width:none;max-height:100%;object-fit:contain;}
.brown-variants figure:first-child img{height:50%;max-height:50%;}
.brown-variants figure:nth-child(2) img{height:40%;max-height:40%;}
@media(min-width:901px){.brown-variants figure{height:clamp(20rem,30vw,33rem);}}
@media(max-width:900px){
  main > section.brown-variants{grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(3rem,8vw,5rem) 1.5rem;}
  .brown-variants figure{height:min(48vw,18rem);}
  .brown-variants figure:first-child,.brown-variants figure:nth-child(4){grid-column:1/-1;height:min(90vw,36rem);}
}

main > section.modular-system{margin:0;background:var(--charcoal);color:var(--ivory);padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3rem,5vw,5rem);}
.modular-system__header{margin-bottom:clamp(2rem,4vw,4rem);}
.modular-system__header .eyebrow{color:var(--gold);}
.modular-system__header h2{margin:.5rem 0 0;font-size:clamp(2.25rem,2.8vw,3.2rem);line-height:.98;}
.modular-system__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);}
.modular-system__item figure{margin:0;border:0;aspect-ratio:4/3;overflow:hidden;}
.modular-system__item img{display:block;width:100%;height:100%;object-fit:contain;}
.modular-system__item h3{margin:1.25rem 0 .65rem;}
.modular-system__item p{max-width:36rem;margin:1.25rem 0 0;line-height:1.55;}
.modular-system__item h3+p{margin-top:0;}
@media(max-width:900px){
  .modular-system__item figure{cursor:zoom-in;}
  .modular-system__item h3,.modular-system__item p{text-align:center;}
  .modular-system__item figure.is-expanded{position:fixed;z-index:1001;inset:0;display:flex;width:100vw;height:100dvh;align-items:center;justify-content:center;aspect-ratio:auto;margin:0;padding:4rem 1.5rem 1.5rem;background:rgba(22,21,19,.98);cursor:default;}
  .modular-system__item figure.is-expanded img{width:100%;height:100%;object-fit:contain;}
  .modular-image-close{position:absolute;top:1rem;right:1rem;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--gold);background:var(--ink);color:var(--gold);font:2rem/1 Arial,sans-serif;cursor:pointer;}
  body.modular-image-open{overflow:hidden;}
}
main > .made-for-you-action .button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
/* Hero iniziale: testo e immagine in due blocchi distinti. */
.product-hero-image-section{display:none;}
main > .product-hero-copy-section{min-height:clamp(25rem,48vh,36rem);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto auto;align-content:end;align-items:end;column-gap:clamp(3rem,10vw,12rem);row-gap:clamp(1.75rem,3vw,3rem);background:var(--charcoal);color:var(--ivory);padding:clamp(3rem,5vw,5rem) 7vw;}
.product-hero-heading{max-width:42rem;}
.product-hero-description{max-width:38rem;}
.product-hero-copy-section h1{margin:0;font-size:clamp(3rem,5.2vw,6.4rem);line-height:.9;}
.product-hero-copy-section .product-hero-description p{margin:0 0 .85rem;font-size:clamp(.95rem,1.15vw,1.15rem);line-height:1.5;}
.product-hero-action{grid-column:1/-1;justify-self:center;}
.product-hero-copy-section .button{background:var(--ink);border-color:var(--gold);color:var(--gold);}
.product-hero-copy-section .button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink);}
main > .product-hero-image-section{height:clamp(34rem,78vh,64rem);background:var(--charcoal);}
.product-hero-image-section img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}

main > .product-hero-copy-section{position:relative;overflow:hidden;min-height:clamp(34rem,72vh,54rem);grid-template-columns:minmax(0,1fr);align-content:center;align-items:start;background:var(--charcoal);color:var(--ivory);text-align:left;}
.product-hero-background{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;}
main > .product-hero-copy-section::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.48) 20%,rgba(0,0,0,.16) 31%,rgba(0,0,0,0) 38%);z-index:0;pointer-events:none;}
main > .product-hero-copy-section > :not(.product-hero-background){position:relative;z-index:1;}
.product-hero-intro{display:none;}
.product-hero-copy-section .product-hero-heading,.product-hero-copy-section .product-hero-description{max-width:38rem;}
.product-hero-copy-section .product-hero-action{grid-column:auto;justify-self:start;}
.specs .specs-media{min-height:clamp(24rem,38vw,42rem);overflow:hidden;}
.specs .specs-media img{width:100%;height:100%;object-fit:cover;object-position:center;}
.specs .specs-content{max-width:34rem;align-self:center;}
.specs .specs-content h2{margin:.45rem 0 2.25rem;}
.specs .specs-content .facts{margin:0;}
.specs .specs-content .button{margin-top:2rem;}
@media (min-width:901px){.specs{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(3rem,5vw,6rem);}.specs .specs-media{order:2;min-height:clamp(30rem,42vw,52rem);}.specs .specs-content{order:1;}}
main > section.intro.intro-product-comparison{padding:clamp(5rem,10vw,10rem) clamp(1.5rem,7vw,8rem);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,8vw,9rem);align-items:start;}
.intro-product-heading{max-width:34rem;}
.intro-product-description{max-width:38rem;}
.intro-product-description .lede{margin:0 0 1.1rem;}
main > section.product-story.product-story-soft{background:var(--brass) !important;color:var(--ink) !important;}
main > section.product-maker,main > section.custom-cta{background:var(--charcoal) !important;color:var(--ivory) !important;}
@media (max-width:900px){main > section.intro.intro-product-comparison{grid-template-columns:1fr;gap:2rem;}.intro-product-description .lede{margin-left:0;margin-right:0;}}
@media (max-width:900px){main > .product-hero-copy-section{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;min-height:0;padding:clamp(7rem,18vw,10rem) 1.5rem clamp(4rem,10vw,6rem);}.product-hero-action{align-self:center;}.product-hero-image-section{height:clamp(28rem,72vw,42rem);}}
/* Palette ripristinata per i primi blocchi editoriali. */
main > section.product-story.product-story-transformation{background:var(--charcoal) !important;color:var(--ivory) !important;}
/* Handrecycled: il blocco del processo usa lo sfondo oro. */
main > section.process-hero{background:var(--brass);color:var(--ink);}
main > section.process-section,
main > section.process-section .process-step:nth-child(1),
main > section.process-section .process-step:nth-child(3),
main > section.process-manifesto{background:var(--charcoal) !important;color:var(--ivory);}
main > section.process-section .process-step:nth-child(2),
main > section.process-section .process-step:nth-child(4){
  position:relative;
  z-index:0;
  isolation:isolate;
  padding-block:clamp(3.75rem,6vw,5.625rem);
  color:var(--ink);
}
main > section.process-section .process-step:nth-child(2)::before,
main > section.process-section .process-step:nth-child(4)::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 -100vmax;
  background:var(--brass);
}
@media(max-width:900px){
  main > section.process-section .process-step .process-step__content{order:1;}
  main > section.process-section .process-step .process-step__image{order:2;width:100vw;max-width:none;margin-inline:calc(50% - 50vw);}
  .process-manifesto__image{padding:0;overflow:hidden;}
  .process-manifesto__image img{object-fit:cover;}
}
main > section.process-manifesto,
main > section.process-manifesto .button{
  color:#fff;
}
main > section.process-manifesto .button{
  border-color:#fff;
}
main > section.process-manifesto .process-manifesto__content,
main > section.process-manifesto .process-manifesto__content *{
  color:#fff !important;
  opacity:1 !important;
}
main > section.process-manifesto .button{
  background:var(--ink);
  border-color:var(--gold);
  color:var(--gold) !important;
}
main > section.process-manifesto .button:hover{
  background:var(--gold);
  border-color:var(--gold);
  color:var(--ink) !important;
}
main > section.intro.intro-product-comparison{background:var(--brass) !important;color:var(--ink) !important;}
main > section.prima-pelle-sequence{background:var(--brass) !important;color:var(--ink) !important;}
.product-story-interior .interior-carousel{aspect-ratio:3/2;overflow:hidden;}
.prima-pelle-carousel-card[data-shop-href]{display:block;cursor:pointer;pointer-events:auto;}
.prima-pelle-carousel-card[data-shop-href] img{pointer-events:none;}
.prima-pelle-carousel-card[data-shop-href]:focus-visible{outline:1px solid var(--ivory);outline-offset:-.35rem;}

@media(max-width:339px){.modular-system__grid{grid-template-columns:1fr}}

/* Scegli la tua: fondo nero coerente con la tavola sottostante. */
main > section.custom-cta{background:var(--charcoal);color:var(--ivory);}

@media(max-width:900px){main > .product-hero-copy-section{min-height:72vh;}.product-hero-copy-section .product-hero-action{align-self:flex-start;}}

/* Hero Borse: sul mobile il titolo resta in alto, mentre testo e CTA chiudono
   la composizione sotto il soggetto, senza oltrepassare la hero. */
@media(max-width:900px){
  main > .product-hero-copy-section{
    display:grid;
    grid-template-rows:auto 1fr auto auto;
    align-items:start;
    gap:0;
    min-height:72vh;
    padding:2rem 1.5rem 1.5rem;
  }

  main > .product-hero-copy-section::after{
    background:
      radial-gradient(ellipse 546px 66% at 0 0,rgba(0,0,0,.72) 0%,rgba(0,0,0,.48) 58%,rgba(0,0,0,0) 100%),
      linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.48) 20%,rgba(0,0,0,.16) 31%,rgba(0,0,0,0) 38%);
  }

  .product-hero-copy-section > .product-hero-heading{
    grid-row:1;
  }

  .product-hero-copy-section .product-hero-intro{
    display:block;
    max-width:20rem;
    margin:1rem 0 0;
  }

  .product-hero-copy-section > .product-hero-description p:first-child{
    display:none;
  }

  .product-hero-copy-section > .product-hero-description{
    grid-row:3;
    max-width:min(100%,22rem);
    margin:0;
  }

  .product-hero-copy-section > .product-hero-action{
    grid-row:4;
    align-self:start;
    margin-top:.9rem;
  }
}

/* Scegli la tua: nessuno zoom al passaggio del mouse. */
@media(hover:hover){
  .made-shell:hover,
  .made-sack-panel:hover,
  .made-handle-panel:hover,
  .made-result:hover{
    overflow:hidden;
  }

  .made-shell:hover .made-shell-image,
  .made-sack-panel:hover img,
  .made-handle-panel:hover img,
  .made-result:hover img{
    transform:none;
  }
}

main > section.intro.intro-product-comparison{padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem);}

@media(min-width:901px){
  main > .product-hero-copy-section{
    min-height:32rem;
    aspect-ratio:1.9/1;
  }

  main > .product-hero-copy-section > .product-hero-heading{
    position:absolute;
    top:clamp(4rem,10vh,8rem);
    left:7vw;
  }

  main > .product-hero-copy-section > .product-hero-description{
    position:absolute;
    top:60%;
    left:7vw;
    width:min(23rem,28vw);
    max-width:23rem;
    transform:translateY(-50%);
  }

  main > .product-hero-copy-section > .product-hero-action{
    position:absolute;
    top:calc(58% + 10rem);
    bottom:auto;
    left:7vw;
    transform:none;
  }
}

/* Scegli la tua: composizione specifica per i piccoli schermi. */
@media(max-width:900px){
  main > section.made-for-you-editorial{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:auto min(90vw,36rem) auto min(60vw,18rem) auto min(90vw,36rem);
    height:auto;
    gap:clamp(1rem,4vw,2rem);
  }

  .made-shell-title,.made-shell,.made-identities-title,.made-result{grid-column:1/-1;}
  .made-sack-title,.made-sack-panel{grid-column:1;}
  .made-handle-title,.made-handle-panel{grid-column:2;}
  .made-shell-title{grid-row:1;}
  .made-shell{grid-row:2;height:auto;}
  .made-sack-title,.made-handle-title{grid-row:3;}
  .made-sack-panel,.made-handle-panel{grid-row:4;height:auto;}
  .made-identities-title{grid-row:5;}
  .made-result{grid-row:6;height:auto;}
  .made-shell-operator,.made-elements-plus,.made-result-operator{display:none;}
}

@media (orientation:landscape) and (max-height:600px) and (hover:none) and (pointer:coarse){main > section.brown-variants{grid-template-columns:repeat(2,minmax(0,1fr));padding:clamp(3rem,8vw,5rem) 1.5rem}.brown-variants figure{height:min(48vw,18rem)}.brown-variants figure:first-child,.brown-variants figure:nth-child(4){grid-column:1/-1;height:min(90vw,36rem)}.specs{grid-template-columns:1fr;gap:2rem}.specs .specs-media,.specs .specs-content{order:initial}.specs .specs-media{min-height:clamp(24rem,38vw,42rem)}main > section.intro.intro-product-comparison{grid-template-columns:1fr;gap:2rem}.intro-product-description .lede{margin-left:0;margin-right:0}main > .product-hero-copy-section{display:grid;grid-template-rows:auto 1fr auto auto;align-items:start;gap:0;min-height:72vh;padding:2rem 1.5rem 1.5rem}.product-hero-copy-section > .product-hero-heading{position:static;grid-row:1}.product-hero-copy-section .product-hero-intro{display:block;max-width:20rem;margin:1rem 0 0}.product-hero-copy-section > .product-hero-description{position:static;grid-row:3;width:auto;max-width:min(100%,22rem);margin:0;transform:none}.product-hero-copy-section > .product-hero-action{position:static;grid-row:4;align-self:start;margin-top:.9rem;transform:none}main > section.made-for-you-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto min(90vw,36rem) auto min(60vw,18rem) auto min(90vw,36rem);height:auto;gap:clamp(1rem,4vw,2rem)}.made-shell-title,.made-shell,.made-identities-title,.made-result{grid-column:1/-1}.made-sack-title,.made-sack-panel{grid-column:1}.made-handle-title,.made-handle-panel{grid-column:2}.made-shell-title{grid-row:1}.made-shell{grid-row:2;height:auto}.made-sack-title,.made-handle-title{grid-row:3}.made-sack-panel,.made-handle-panel{grid-row:4;height:auto}.made-identities-title{grid-row:5}.made-result{grid-row:6;height:auto}.made-shell-operator,.made-elements-plus,.made-result-operator{display:none}}