:root{--container: 1180px;--ease: cubic-bezier(.22,.61,.36,1);--muted: #5b6770;--color-primary: #24323a;--color-secondary: #b08a2a;--shadow-xs: 0 2px 6px rgba(0,0,0,.06);--shadow-sm: 0 6px 16px rgba(0,0,0,.08);--shadow-md: 0 12px 30px rgba(0,0,0,.1)}.container{max-width:var(--container,1180px);padding-inline:clamp(12px,4vw,24px);margin-inline:auto}.pdp{padding:36px 0 24px}.pdp-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(16px,3vw,36px);align-items:start}.gallery{position:relative}.stage{position:relative;border-radius:20px;overflow:hidden;background:#fff;box-shadow:var(--shadow-md);cursor:zoom-in}.stage img{width:100%;height:auto;transition:transform .4s var(--ease)}.stage:hover img{transform:scale(1.02)}.thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:10px;z-index:1;position:relative}.thumb{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;transition:transform .15s,box-shadow .2s,border-color .2s}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb:hover{transform:translateY(-2px)}.thumb:hover,.thumb:focus-visible{border-color:var(--color-secondary);box-shadow:0 0 0 2px #b08a2a40;outline:none}.thumb.is-active{border-color:var(--color-secondary);box-shadow:0 0 0 2px #b08a2a59}h1.pdp-title{font-size:clamp(26px,3.4vw,42px);margin:8px 0}.rating{display:flex;align-items:center;gap:8px;color:#222}.stars{letter-spacing:2px}.trust{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:var(--shadow-xs);transition:transform .15s,box-shadow .2s}.chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f}.chip svg{flex:0 0 16px}@keyframes chipPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}.chip--pulse{animation:chipPulse 2.2s ease-in-out infinite}.price-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.price-inline{display:inline-flex;align-items:baseline;gap:10px}.price-amount{font-size:28px;font-weight:900}.compare{color:var(--muted)}.unit-price,.ppd,.vat-note{font-size:13px;color:var(--muted)}.vat-note{font-size:12px;font-weight:600;color:var(--muted);margin-left:8px}.vat-note a{color:inherit;text-decoration:underline}.ppd-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:8px;background:#5e7581;color:#fff;font-weight:800;font-size:13px;margin-top:6px;position:relative;width:fit-content}.ppd-badge:after{content:"";position:absolute;left:24px;top:100%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #5E7581}.purchase-top{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap}.purchase .toggle{display:flex;border:1px solid rgba(0,0,0,.06);padding:4px;border-radius:12px;background:#faf8f5}.purchase .toggle button{flex:1;border:0;background:transparent;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700}.purchase .toggle button.active{background:#fff;box-shadow:var(--shadow-sm)}.subsave{color:#7a5d1d;background:#f5deb359;padding:4px 8px;border-radius:999px;font-weight:800;font-size:12px;display:inline-block}.options{display:grid;gap:10px;margin:14px 0}.opt-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.opt-row .opt-label{min-width:120px}.opt-row .opt-values{display:flex;gap:8px;flex-wrap:wrap}.opt-row--cta{justify-content:space-between;align-items:center;margin-top:6px;gap:12px}.swatch{border:1px solid rgba(0,0,0,.08);background:#fff;padding:8px 12px;border-radius:12px;cursor:pointer;transition:transform .15s}.swatch[aria-pressed=true]{outline:2px solid var(--color-secondary)}.qty{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.08);overflow:hidden}.qty button{border:0;background:#fff;cursor:pointer}.qty input{text-align:center;border:0;padding:10px 0;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;font-weight:800;padding:14px 18px;border-radius:8px;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.btn.primary{color:#fff;background:linear-gradient(90deg,#7a5d1d,#b08a2a);background-size:200% 100%;box-shadow:0 10px 28px #0000002e,inset 0 0 0 1px #ffffff0f}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px #00000038,inset 0 0 0 1px #ffffff14}.btn.secondary{background:#fff;border:1px solid rgba(0,0,0,.08)}.purchase .btn.primary{font-size:1.05rem;padding:16px 22px}.meta{display:grid;gap:8px;color:var(--muted);font-size:14px;margin-top:10px}.meta .row{display:flex;align-items:center;gap:8px}.stock{height:8px;background:#eee7da;border-radius:999px;overflow:hidden}.stock>span{display:block;height:100%;background:color-mix(in oklab,var(--color-secondary) 60%,#997c3b)}.acc{border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.acc details:first-child{border-top:0}.acc summary{list-style:none}table.nutri{width:100%;border-collapse:collapse;margin:8px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table.nutri thead,table.nutri tbody{display:table;width:100%}table.nutri th,table.nutri td{padding:10px 8px;border-bottom:1px solid rgba(0,0,0,.06);text-align:left;white-space:nowrap}table.nutri th{color:#445}.section{padding:42px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease)}.card:hover{transform:translateY(-6px)}.card .img{aspect-ratio:1/1;display:grid;place-items:center}.card .body{padding:14px}.pill{display:inline-block;background:#f5deb359;color:#7a5d1d;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:800}.related{border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04)}.related .container{padding-block:28px}.related .related-title{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-weight:900}.related .related-title:after{content:"";height:1px;background:#eae6de;flex:1}.related .card .img{aspect-ratio:4/5}.related .card .body{padding:10px}.related .cards{gap:16px}.purchase .total{font-weight:800;margin:8px 0 0 auto}.lb[hidden]{display:none}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0009}.lb-img{max-width:min(92vw,1200px);max-height:86vh;border-radius:16px;box-shadow:0 20px 60px #0006}.lb-btn{position:fixed;background:#fff;border:0;width:42px;height:42px;border-radius:999px;display:grid;place-items:center;box-shadow:0 6px 20px #00000040;cursor:pointer}.lb-close{top:16px;right:16px}.lb-prev{left:16px;top:50%;transform:translateY(-50%)}.lb-next{right:16px;top:50%;transform:translateY(-50%)}.lb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0}.acc details{border-top:1px solid rgba(0,0,0,.06);background:#fff}.acc summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;font-weight:700;transition:background .2s}.acc summary:hover{background:#fafafa}.acc summary::-webkit-details-marker{display:none}.acc .caret{transition:transform .25s ease}.acc details[open] .caret{transform:rotate(180deg)}.acc .content-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.acc details[open] .content-wrap{grid-template-rows:1fr}.acc .content{overflow:hidden;padding:0 16px 16px;color:#2a3237;opacity:.96;transition:opacity .28s ease}.sticky-atc{position:fixed;left:0;right:0;bottom:var(--sticky-bottom, max(12px, env(safe-area-inset-bottom)));z-index:60;pointer-events:none;transform:translateY(110%);transition:transform .28s ease}.sticky-atc:not(.is-hidden){transform:translateY(0)}.sticky-atc .sticky-inner{pointer-events:auto;display:flex;align-items:center;gap:12px;max-width:var(--container, 1180px);margin:0 auto;background:linear-gradient(90deg,#2b3942,#1f2a31);border-radius:999px;padding:10px 12px;box-shadow:0 10px 28px #00000040;color:#fff}.sticky-atc .s-left{display:flex;align-items:center;gap:10px;min-width:0}.sticky-atc .s-img{border-radius:8px;flex:0 0 auto;width:56px;height:56px;object-fit:cover}.sticky-atc .s-meta{min-width:0}.sticky-atc .s-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:44vw}.sticky-atc .s-sub{font-size:12px;opacity:.85}.sticky-atc .s-controls{margin-left:auto;display:flex;align-items:center;gap:10px}.sticky-atc .qty.-sm{display:flex;align-items:center;gap:6px;background:#ffffff1a;border-radius:999px;padding:4px 6px}.sticky-atc .qty.-sm input{width:40px;text-align:center;background:transparent;color:#fff;border:0}.sticky-atc .qty.-sm button{color:#fff;background:transparent;border:0;width:24px;height:24px;cursor:pointer}.sticky-atc .s-price{font-weight:900}.sticky-atc .s-atc{border-radius:999px;padding:.8em 1.2em}.sticky-sentinel{height:1px}@media(max-width:1020px){.pdp-grid{grid-template-columns:1fr}.purchase .toggle{width:100%}.opt-row .opt-label{min-width:0;width:100%}.opt-row{align-items:flex-start}.opt-row .opt-values,.btn.primary{width:100%}.opt-row--cta{flex-wrap:wrap}.opt-row--cta .qty{order:2;width:100%;justify-content:space-between}.opt-row--cta .btn{order:3;width:100%}.stage{border-radius:16px}.thumbs{display:grid;grid-auto-flow:column;grid-auto-columns:90px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:4px}.sticky-atc .s-title{max-width:38vw}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.price-amount{font-size:24px}.vat-note,.unit-price,.ppd{font-size:12px}.qty input{width:52px}.thumbs{grid-auto-columns:80px}.sticky-atc .s-price{display:none}.cards{grid-template-columns:1fr}}@media(max-width:380px){.qty input{width:46px}.sticky-atc .s-atc{padding:.7em 1.1em}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.cta-stack{justify-items:start}.qty{margin:0 0 20px;border-radius:8px}.qty button{padding:8px 12px}.qty input{width:48px}.btn-atc-wide{width:100%;border-radius:8px;letter-spacing:.2px}.price-meta{margin-top:-4px;font-size:12px;color:var(--muted);font-weight:600}.price-meta a{color:inherit;text-decoration:underline}.pdp .gallery figure.stage{margin:1em 40px 1em 0}.purchase .cta-stack{display:grid;gap:10px;justify-items:stretch;width:min(100%,420px)}.purchase .cta-stack .qty{display:grid;grid-template-columns:44px minmax(72px,1fr) 44px;align-items:center;gap:8px;padding:8px 10px;margin:0;border-radius:12px;box-shadow:var(--shadow-xs)}.purchase .cta-stack .qty button{padding:10px 14px}.purchase .cta-stack .qty input{width:100%;text-align:center;font-weight:800}.purchase .btn.primary.btn-atc-wide{width:100%;max-width:420px;padding:18px 22px;font-size:1.06rem;font-weight:800;border-radius:12px;box-shadow:0 12px 28px #00000029;background:#36454f;background-size:200% 100%}.purchase .btn.primary.btn-atc-wide:hover{transform:translateY(-1px);background-position:100% 50%;box-shadow:0 16px 36px #00000038}.purchase .btn.primary.btn-atc-wide:active{transform:translateY(0);filter:saturate(1.05);box-shadow:0 10px 24px #0000002e}.purchase .btn.primary.btn-atc-wide:focus-visible{outline:3px solid color-mix(in oklab,var(--color-secondary) 50%,transparent);outline-offset:2px}.purchase .btn.primary.btn-atc-wide .label{display:inline-block;transition:transform .15s ease}.purchase .btn.primary.btn-atc-wide:hover .label{transform:translateY(-1px)}.purchase .btn.primary.btn-atc-wide:active .label{transform:translateY(1px)}.purchase .btn.primary.btn-atc-wide:before{content:none!important;display:none!important}@media(max-width:720px){.pdp .gallery figure.stage{margin:1em 0!important;z-index:1}}body.search-active .pdp,body.search-active .pdp .gallery,body.search-active .pdp .stage,body.search-active .pdp .thumbs,body.search-active .sticky-atc,body.search-active .ppd-badge{z-index:0!important}.pdp-context__divider{height:1px;margin:28px 0;background:linear-gradient(to right,transparent,rgba(0,0,0,.15),transparent)}.nutri-title{margin:10px 0 6px;font-weight:600}.nutri-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.nutri-wrap table.nutri{display:table;width:100%;table-layout:fixed;min-width:520px;overflow:visible}.nutri-wrap table.nutri thead{display:table-header-group;width:auto}.nutri-wrap table.nutri tbody{display:table-row-group;width:auto}.nutri-wrap table.nutri th:nth-child(2),.nutri-wrap table.nutri td:nth-child(2),.nutri-wrap table.nutri th:nth-child(3),.nutri-wrap table.nutri td:nth-child(3){text-align:right}.nutri-wrap table.nutri td:nth-child(2),.nutri-wrap table.nutri td:nth-child(3){font-variant-numeric:tabular-nums}
/*# sourceMappingURL=/cdn/shop/t/40/assets/pdp-frivana.css.map */