/* Frozen product pages: editorial studio, one paper, one motion. */
.frozen-detail{background:#f3efe4;color:#102609}
.frozen-detail .fz-hero{
  position:relative;padding:34px 0 64px;color:#f6f1e6;overflow:hidden;
  background:
    radial-gradient(540px 260px at 78% 46%,rgba(230,200,93,.2),transparent 68%),
    linear-gradient(180deg,#163421 0%,#07140c 100%);
}
.frozen-detail .fz-hero-grid{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:36px 48px;align-items:center}
.frozen-detail .fz-back{display:inline-flex;color:#e6c85d;font-size:14px;letter-spacing:.02em}
.frozen-detail .fz-back:hover{color:#fff}
.frozen-detail .fz-copy .tag{display:block;margin-top:28px;color:#e6c85d}
.frozen-detail .fz-copy h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(64px,7vw,108px);line-height:.9;letter-spacing:-.03em;margin:10px 0 0;color:#f7f3ea}
.frozen-detail .fz-copy .pd-hero-description{max-width:34rem;margin:18px 0 28px;color:#d9d0c0;font-size:18px;line-height:1.7}
.frozen-detail .fz-copy>*{animation:fz-rise .8s cubic-bezier(.16,1,.3,1) both}
.frozen-detail .fz-copy>*:nth-child(2){animation-delay:.08s}
.frozen-detail .fz-copy>*:nth-child(3){animation-delay:.16s}
.frozen-detail .fz-copy>*:nth-child(4){animation-delay:.24s}
.frozen-detail .fz-copy>*:nth-child(5){animation-delay:.32s}
.frozen-detail .fz-stage{
  position:relative;height:540px;border-radius:28px;perspective:1100px;display:grid;place-items:center;overflow:hidden;
  border:1px solid rgba(230,200,93,.32);
  background:
    radial-gradient(280px 160px at 50% 72%,rgba(230,200,93,.28),transparent 70%),
    radial-gradient(220px 160px at 50% 42%,rgba(79,154,90,.16),transparent 70%),
    linear-gradient(180deg,#1c4328,#0c1a10);
  box-shadow:inset 0 0 80px rgba(0,0,0,.28);
}
.frozen-detail .fz-stage:before{content:"";position:absolute;left:12%;right:12%;bottom:54px;height:28px;border-radius:50%;background:rgba(0,0,0,.35);filter:blur(10px);animation:fz-shadow 7.5s ease-in-out infinite}
.frozen-detail-image{display:block;width:min(84%,520px);height:74%;object-fit:contain;padding:0;filter:drop-shadow(0 28px 28px rgba(0,0,0,.4));animation:fz-float 7.5s ease-in-out infinite;transform-style:preserve-3d}

.frozen-detail .fz-sheet{padding:72px 0 48px}
.frozen-detail .fz-head{display:flex;align-items:baseline;gap:18px}
.frozen-detail .fz-head>span{color:#8a6414;font-size:13px;font-weight:700;letter-spacing:.18em}
.frozen-detail h2,.frozen-detail h3{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.03em;color:#102609}
.frozen-detail h2{font-size:clamp(40px,4.6vw,68px);line-height:.98;margin:0}
.frozen-detail .pd-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:28px 0 0;border-top:1px solid rgba(16,38,9,.16)}
.frozen-detail .pd-detail-list>div{display:grid;grid-template-columns:minmax(108px,.38fr) 1fr;gap:12px 18px;align-items:baseline;margin:0;padding:22px 28px 22px 0;border-bottom:1px solid rgba(16,38,9,.16);animation:fz-rise .7s cubic-bezier(.16,1,.3,1) both}
.frozen-detail .pd-detail-list>div:nth-child(odd){padding-right:32px;border-inline-end:1px solid rgba(16,38,9,.16)}
.frozen-detail .pd-detail-list>div:nth-child(even){padding-left:32px}
.frozen-detail .pd-detail-list>div:nth-child(1){animation-delay:.04s}
.frozen-detail .pd-detail-list>div:nth-child(2){animation-delay:.08s}
.frozen-detail .pd-detail-list>div:nth-child(3){animation-delay:.12s}
.frozen-detail .pd-detail-list>div:nth-child(4){animation-delay:.16s}
.frozen-detail .pd-detail-list dt{color:#8a6414;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.frozen-detail .pd-detail-list dd{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(24px,2vw,32px);line-height:1.15;color:#102609}
.frozen-detail .fz-close{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:22px 26px;border-radius:22px;background:#102609;color:#f6f1e6}
.frozen-detail .fz-close .pd-confirm-note{max-width:46ch;margin:0;padding:0;border:0;background:transparent;border-radius:0;color:#f3ead4;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(22px,2.2vw,30px);line-height:1.25}
@media(max-width:680px){.frozen-detail .fz-close{flex-direction:column;align-items:flex-start}}

.frozen-detail .section{padding-block:28px 56px}
.frozen-detail [data-mango-formats] h2,.frozen-detail .strawberry-season h2{margin-bottom:8px}
.frozen-detail .frozen-mango-formats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.frozen-detail .frozen-mango-formats article{min-width:0;padding:16px 16px 22px;border:1px solid rgba(230,200,93,.28);border-radius:24px;background:linear-gradient(180deg,#1b4126,#102616);color:#f6f1e6;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .3s}
.frozen-detail .frozen-mango-formats article:hover{transform:translateY(-8px);border-color:#e6c85d;box-shadow:0 28px 50px rgba(16,38,9,.2)}
.frozen-detail .frozen-mango-formats img{display:block;width:100%;height:340px;object-fit:contain;object-position:center;border-radius:16px;background:radial-gradient(circle at 50% 62%,rgba(230,200,93,.2),transparent 68%);animation:fz-lift 7s ease-in-out infinite}
.frozen-detail .frozen-mango-formats article:nth-child(2) img{animation-delay:-2.4s}
.frozen-detail .frozen-mango-formats h3{margin:16px 8px 14px;color:#f6f1e6;font-size:36px}
.frozen-detail .frozen-mango-formats .btn{margin-inline:8px;border-color:rgba(230,200,93,.55);color:#f6edd4}
.frozen-detail .frozen-mango-formats .btn:hover{background:rgba(230,200,93,.12);color:#fff}

.frozen-detail .strawberry-specification,.frozen-detail .strawberry-specification.frozen-nutrition-only{display:grid;grid-template-columns:1fr;gap:42px;align-items:stretch}
.frozen-detail .strawberry-season{display:grid;gap:28px}
.frozen-detail .fz-origin-label{margin:0;color:#8a6414;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.frozen-detail .fz-origin-unknown{margin:14px 0 0;color:#5c6756}
.frozen-detail .strawberry-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;list-style:none;margin:8px 0 0;padding:18px 0 0;border-top:1px solid rgba(16,38,9,.12)}
.frozen-detail .fz-origin[data-origin="spain"] .is-harvest:before{background:#c6a15b;box-shadow:0 0 0 6px rgba(16,38,9,.08)}
.frozen-detail .strawberry-months li{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:108px;margin:0;padding:0 0 2px;border:0;border-radius:0;background:transparent;color:#8b927f;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.frozen-detail .strawberry-months li:before{content:"";position:absolute;left:50%;bottom:28px;width:2px;height:26px;border-radius:2px;background:rgba(16,38,9,.16);transform:translateX(-50%)}
.frozen-detail .strawberry-months .is-harvest{background:transparent;border:0;color:#102609;font-weight:700;transform:none}
.frozen-detail .strawberry-months .is-harvest:before{width:10px;height:72px;bottom:26px;background:#102609;box-shadow:0 0 0 6px rgba(230,200,93,.45)}
.frozen-detail .strawberry-nutrition{min-width:0;padding:28px;background:#fff;border:1px solid rgba(16,38,9,.08);border-radius:24px;box-shadow:0 18px 40px rgba(16,38,9,.06)}
.frozen-detail .strawberry-nutrition h2{margin:0 0 16px}
.frozen-detail .strawberry-energy{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:16px 0;border-block:1px solid rgba(16,38,9,.14);font-family:"Cormorant Garamond",Georgia,serif;font-size:30px}
.frozen-detail .strawberry-energy strong{font-weight:500}
.frozen-detail .strawberry-nutrition table{width:100%;border-collapse:collapse;line-height:1.5}
.frozen-detail .strawberry-nutrition caption{text-align:left;padding:16px 0 8px;font-weight:600;color:#4d5944}
.frozen-detail .strawberry-nutrition :is(th,td){padding:10px 6px;border-bottom:1px solid rgba(16,38,9,.08);text-align:left;vertical-align:top}
.frozen-detail .strawberry-nutrition tbody th{font-weight:500}
.frozen-detail .strawberry-nutrition td:not(:first-child){white-space:nowrap}
.frozen-detail .strawberry-nutrition-note{font-size:.9rem;line-height:1.7;margin:18px 0 0;color:#5c6756}

@keyframes fz-float{0%,100%{transform:translateY(10px) rotateY(-8deg)}50%{transform:translateY(-16px) rotateY(8deg)}}
@keyframes fz-lift{0%,100%{transform:translateY(4px)}50%{transform:translateY(-8px)}}
@keyframes fz-shadow{0%,100%{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.72);opacity:.28}}
@keyframes fz-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

@media(max-width:980px){
  .frozen-detail .fz-hero-grid,.frozen-detail .frozen-mango-formats{grid-template-columns:1fr}
  .frozen-detail .fz-stage{height:420px}
  .frozen-detail .pd-detail-list{grid-template-columns:1fr}
  .frozen-detail .pd-detail-list>div:nth-child(odd){padding-right:0;border-inline-end:0}
  .frozen-detail .pd-detail-list>div:nth-child(even){padding-left:0}
}
@media(max-width:680px){
  .frozen-detail .fz-copy h1{font-size:56px}
  .frozen-detail .fz-stage{height:300px}
  .frozen-detail .frozen-mango-formats img{height:260px}
  .frozen-detail .strawberry-months{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 18px}
  .frozen-detail .strawberry-months li{min-height:86px}
  .frozen-detail .frozen-mango-formats article:hover{transform:none}
}
.fz-quote{width:min(720px,calc(100vw - 28px));max-height:min(90vh,920px);margin:auto;padding:0;border:0;border-radius:28px;background:#f6f3ea;color:#102609;box-shadow:0 40px 90px rgba(7,20,12,.38);overflow:auto}
.fz-quote::backdrop{background:rgba(7,20,12,.58)}
.fz-quote-close{position:sticky;top:14px;z-index:2;float:right;margin:14px 14px 0 0;width:42px;height:42px;border:0;border-radius:50%;background:#102609;color:#f6f1e6;font-size:24px;line-height:1;cursor:pointer}
.fz-quote .rfq-section{padding:8px 8px 22px;background:transparent}
.fz-quote .rfq-layout{display:block}
.fz-quote aside{display:none}
.fz-quote .rfq-form{margin:0 18px 8px;box-shadow:none}
@media(max-width:680px){.fz-quote .rfq-two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){
  .frozen-detail .fz-copy>*,.frozen-detail .pd-detail-list>div,.frozen-detail-image,.frozen-detail .fz-stage:before,.frozen-detail .frozen-mango-formats img{animation:none}
  .frozen-detail .frozen-mango-formats article,.frozen-detail .strawberry-months li{transition:none}
  .frozen-detail .frozen-mango-formats article:hover{transform:none}
}