.cf-pdp{--bg:#ffffff;--bg-soft:#f7f7f6;--ink:#242424;--mute:#5c5c5c;--line:rgba(36,36,36,.14);--blue:#4c6d9f;--night:#1d3149;--on-night:#ffffff;--on-night-mute:rgba(255,255,255,.72);--ph:#ebe8e3;--display:"Playfair Display", Georgia, "Times New Roman", serif;--body:"Quattrocento Sans", "Helvetica Neue", Arial, sans-serif;--wrap:1440px;--gutter:clamp(16px,4vw,56px);--section:clamp(64px,8vw,120px);color-scheme:light;background:var(--bg);color:var(--ink);font-family:var(--body);font-weight:400;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}.cf-pdp *,.cf-pdp *:before,.cf-pdp *:after{box-sizing:border-box}.cf-pdp .wrap{max-width:var(--wrap);margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.cf-pdp section{padding-block:var(--section)}.cf-pdp h2{font-family:var(--display);font-weight:400;font-size:clamp(26px,3.2vw,42px);line-height:1.12;letter-spacing:.03em;text-transform:uppercase;margin:0;text-wrap:balance}.cf-pdp h3{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:clamp(17px,1.4vw,20px);line-height:1.3;margin:0;text-wrap:balance}.cf-pdp p{margin:0;max-width:62ch}.cf-pdp a{color:inherit;text-underline-offset:3px}.cf-pdp .head{display:grid;gap:14px;margin-bottom:clamp(32px,5vw,56px)}.cf-pdp .head.center{text-align:center;justify-items:center}.cf-pdp .head p{color:var(--mute)}.cf-pdp .btn{display:inline-block;padding:15px 34px;min-height:48px;background:var(--blue);color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--blue);transition:background .2s,color .2s}.cf-pdp .btn:hover{background:transparent;color:var(--blue)}.cf-pdp .btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.cf-pdp .btn.ghost:hover{background:var(--ink);color:#fff}.cf-pdp .btn:focus-visible,.cf-pdp summary:focus-visible,.cf-pdp a:focus-visible,.cf-pdp [tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.cf-pdp .media{margin:0;background:var(--ph);overflow:hidden;max-width:100%;position:relative}.cf-pdp .media img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover}.cf-pdp.cf-pt-reduced section{padding-top:clamp(28px,4vw,52px)}.cf-pdp.cf-pt-none section{padding-top:0}.cf-pdp .promise{border-block:1px solid var(--line);padding-block:clamp(40px,6vw,72px)}.cf-pdp .promise ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.cf-pdp .promise li{display:grid;gap:10px;text-align:center;padding-inline:clamp(16px,2.5vw,40px);align-content:start}.cf-pdp .promise li+li{border-left:1px solid var(--line)}.cf-pdp .promise strong{font-family:var(--display);font-weight:400;font-size:clamp(18px,1.8vw,24px);line-height:1.2;text-transform:uppercase;letter-spacing:.05em}.cf-pdp .promise span{font-size:clamp(14px,1.1vw,16px);line-height:1.55;color:var(--mute);max-width:30ch;justify-self:center}.cf-pdp .split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,6vw,88px);align-items:center}.cf-pdp .split .media{aspect-ratio:4/5}.cf-pdp .split .copy{display:grid;gap:20px;min-width:0}.cf-pdp .split h2{margin-bottom:4px}.cf-pdp .quote{font-family:var(--display);font-style:italic;font-size:clamp(19px,2vw,23px);line-height:1.4;color:var(--blue);border-top:1px solid var(--line);padding-top:24px;margin-top:8px}.cf-pdp .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(24px,3vw,48px);counter-reset:s}.cf-pdp .steps li{counter-increment:s;padding-top:0;border-top:0;display:grid;gap:10px;align-content:start;min-width:0}.cf-pdp .steps li:before{content:counter(s,decimal-leading-zero);font-family:var(--display);font-size:34px;line-height:1;color:var(--blue);margin-bottom:6px;padding-top:20px;border-top:1px solid var(--ink)}.cf-pdp .steps p{font-size:15px;color:var(--mute)}.cf-pdp .note{margin-top:40px;font-size:14px;color:var(--mute);max-width:none}.cf-pdp .note b{color:var(--ink)}.cf-pdp .gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.cf-pdp .gallery .media{aspect-ratio:1/1}.cf-pdp .gallery .media:first-child{grid-row:span 2;aspect-ratio:auto}.cf-pdp .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}.cf-pdp .col{display:grid;gap:14px;align-content:start;min-width:0}.cf-pdp .col ul{margin:0;padding-left:18px;color:var(--mute);font-size:15px;display:grid;gap:8px}.cf-pdp .col li::marker{color:var(--blue)}.cf-pdp .col p{color:var(--mute);font-size:15px}.cf-pdp .fit{background:var(--night);color:var(--on-night)}.cf-pdp .fit .inner{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,80px);align-items:center}.cf-pdp .fit .lead{display:grid;gap:20px;min-width:0}.cf-pdp .fit p{color:var(--on-night-mute)}.cf-pdp .fit .btn{background:#fff;color:var(--night);border-color:#fff}.cf-pdp .fit .btn:hover{background:transparent;color:#fff}.cf-pdp .fit .btn:focus-visible{outline-color:#fff}.cf-pdp .scale{overflow-x:auto;min-width:0}.cf-pdp .scale:focus-visible{outline-color:#fff}.cf-pdp .scale table{border-collapse:collapse;width:100%;color:var(--on-night);font-family:var(--body);font-variant-numeric:tabular-nums;font-size:15px}.cf-pdp .scale caption{caption-side:bottom;text-align:left;padding-top:14px;font-size:12px;color:var(--on-night-mute)}.cf-pdp .scale th,.cf-pdp .scale td{padding:11px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.18)}.cf-pdp .scale th{font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--on-night-mute)}.cf-pdp .scale td:first-child{font-weight:700}.cf-pdp .reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,4vw,56px)}.cf-pdp .review{display:grid;gap:18px;align-content:start;margin:0;padding-top:24px;border-top:1px solid var(--ink)}.cf-pdp .stars{display:flex;gap:3px;color:var(--blue)}.cf-pdp .stars svg{width:14px;height:14px;fill:currentColor}.cf-pdp .review blockquote{margin:0;font-family:var(--display);font-style:italic;font-size:clamp(18px,1.6vw,21px);line-height:1.5}.cf-pdp .review cite{font-style:normal;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.cf-pdp .faq{max-width:900px;margin:0 auto}.cf-pdp details{border-bottom:1px solid var(--line)}.cf-pdp details:first-of-type{border-top:1px solid var(--line)}.cf-pdp summary{list-style:none;cursor:pointer;padding:20px 44px 20px 0;min-height:48px;position:relative;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.cf-pdp summary::-webkit-details-marker{display:none}.cf-pdp summary:after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-6px;background:linear-gradient(var(--blue),var(--blue)) center/12px 1.5px no-repeat,linear-gradient(var(--blue),var(--blue)) center/1.5px 12px no-repeat;transition:transform .25s}.cf-pdp details[open] summary:after{transform:rotate(45deg)}.cf-pdp summary:hover{color:var(--blue)}.cf-pdp details .a{padding:0 0 24px;color:var(--mute);display:grid;gap:10px}.cf-pdp .final{text-align:center;background:var(--bg-soft)}.cf-pdp .final .wrap{display:grid;justify-items:center;gap:20px}.cf-pdp .final p{color:var(--mute)}.cf-pdp .final .actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.cf-pdp .contact{font-size:14px;color:var(--mute);display:flex;gap:8px 32px;flex-wrap:wrap;justify-content:center;margin-top:12px;padding-top:24px;border-top:1px solid var(--line)}.cf-pdp .contact b{color:var(--ink);-webkit-user-select:all;user-select:all}.cf-pdp .reasons{background:var(--bg-soft)}.cf-pdp .reason-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);column-gap:clamp(24px,4vw,64px)}.cf-pdp .reason-list li{display:grid;gap:10px;align-content:start;padding-block:28px;border-top:1px solid var(--ink);min-width:0}.cf-pdp .reason-list p{color:var(--mute);font-size:15px}.cf-pdp .reasons-cta{margin-top:clamp(32px,4vw,48px)}.cf-pdp .tags{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.cf-pdp .tags li{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 12px;border:1px solid var(--line);color:var(--ink)}.cf-pdp .trust{background:var(--bg-soft)}.cf-pdp .trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);column-gap:clamp(20px,3vw,48px)}.cf-pdp .trust-list li{display:grid;gap:10px;align-content:start;padding-top:24px;border-top:1px solid var(--line);min-width:0}.cf-pdp .trust-list p{color:var(--mute);font-size:15px}.cf-pdp .trust-list b{color:var(--ink);-webkit-user-select:all;user-select:all}.cf-pdp .float-sec{background:var(--bg-soft)}.cf-pdp .float{display:grid;grid-template-columns:1fr minmax(0,1.5fr) 1fr;gap:clamp(20px,3vw,48px);align-items:center}.cf-pdp .callouts{list-style:none;margin:0;padding:0;display:grid;gap:clamp(32px,5vw,72px);min-width:0}.cf-pdp .callouts li{display:grid;gap:8px;position:relative}.cf-pdp .callouts p{color:var(--mute);font-size:15px}.cf-pdp .callouts.left li{text-align:right;justify-items:end;padding-right:clamp(28px,4vw,64px)}.cf-pdp .callouts.right li{padding-left:clamp(28px,4vw,64px)}.cf-pdp .callouts li:after{content:"";position:absolute;top:.7em;width:clamp(20px,3.4vw,56px);border-top:1px solid var(--ink)}.cf-pdp .callouts.left li:after{right:0}.cf-pdp .callouts.right li:after{left:0}.cf-pdp .callouts li:before{content:"";position:absolute;top:calc(.7em - 3px);width:7px;height:7px;border-radius:50%;background:var(--blue)}.cf-pdp .callouts.left li:before{right:-3px}.cf-pdp .callouts.right li:before{left:-3px}.cf-pdp .float-stage{margin:0;position:relative;display:grid;justify-items:center;gap:8px;aspect-ratio:1/1;max-width:100%;background:radial-gradient(closest-side,#fff,#fff0)}.cf-pdp .float-stage img{width:92%;height:auto;max-width:100%;display:block;position:relative;z-index:1;animation:cf-float 6s cubic-bezier(.45,0,.55,1) infinite alternate;filter:drop-shadow(0 18px 18px rgba(36,36,36,.12))}.cf-pdp .float-stage:after{content:"";position:absolute;left:28%;right:28%;bottom:9%;height:5%;border-radius:50%;background:radial-gradient(closest-side,#24242438,#24242400);animation:cf-shadow 6s cubic-bezier(.45,0,.55,1) infinite alternate}.cf-pdp .float-stage figcaption{position:absolute;bottom:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}@keyframes cf-float{0%{transform:translateY(0) rotate(-1deg)}to{transform:translateY(-14px) rotate(1deg)}}@keyframes cf-shadow{0%{transform:scale(1);opacity:1}to{transform:scale(.82);opacity:.6}}.cf-pdp .float-sec .tags{justify-content:center;margin-top:clamp(28px,4vw,48px)}.cf-pdp .steps .media{order:-1;aspect-ratio:4/3;margin-bottom:18px}.cf-pdp .looks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.4vw,28px)}.cf-pdp .look{margin:0;display:grid;gap:14px;align-content:start;min-width:0}.cf-pdp .look .media{aspect-ratio:3/4}.cf-pdp .look figcaption{display:grid;gap:4px}.cf-pdp .look figcaption strong{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:15px}.cf-pdp .look figcaption span{font-size:15px;color:var(--mute)}.cf-pdp .heels{margin-top:clamp(40px,6vw,72px);padding-top:clamp(32px,4vw,48px);border-top:1px solid rgba(255,255,255,.18);display:grid;gap:28px}.cf-pdp .heels h3{color:var(--on-night)}.cf-pdp .heels ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,4vw,48px)}.cf-pdp .heels li{display:grid;gap:10px;align-content:start;min-width:0}.cf-pdp .heels svg{width:100%;max-width:340px;height:auto;display:block;overflow:visible}.cf-pdp .heels .ground{stroke:#ffffff59;stroke-width:1}.cf-pdp .heels .sole{fill:var(--on-night)}.cf-pdp .heels .layers line{stroke:var(--night);stroke-width:.6;opacity:.35}.cf-pdp .heels .lift{fill:var(--night);opacity:.7}.cf-pdp .heels .detail{fill:none;stroke:var(--night);stroke-width:.8;opacity:.6}.cf-pdp .heels .stitch{fill:none;stroke:var(--night);stroke-width:.7;stroke-dasharray:1.6 1.8;opacity:.75}.cf-pdp .heels .strap{fill:none;stroke:var(--on-night);stroke-width:2.6;stroke-linecap:round}.cf-pdp .heels .strap.far{stroke-width:2;opacity:.45}.cf-pdp .heels .jewel circle{fill:var(--on-night);stroke:var(--night);stroke-width:.8}.cf-pdp .heels .jewel .stone{fill:#b9cbe6}.cf-pdp .heels .dim line{stroke:var(--on-night-mute);stroke-width:1}.cf-pdp .heels .dim .ext{stroke-dasharray:2 2;opacity:.6}.cf-pdp .heels strong{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:15px}.cf-pdp .heels .mm{font-variant-numeric:tabular-nums;color:var(--on-night-mute);font-size:13px;letter-spacing:.04em}.cf-pdp .heels p{font-size:15px}.cf-pdp .heels .fine{font-size:13px;color:var(--on-night-mute)}@media(max-width:860px){.cf-pdp .promise ul{grid-template-columns:1fr 1fr;row-gap:28px}.cf-pdp .promise li:nth-child(3){border-left:0}.cf-pdp .split,.cf-pdp .fit .inner{grid-template-columns:1fr}.cf-pdp .steps{grid-template-columns:1fr 1fr;row-gap:36px}.cf-pdp .cols,.cf-pdp .reviews{grid-template-columns:1fr}.cf-pdp .gallery{grid-template-columns:1fr 1fr}.cf-pdp .gallery .media:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:4/3}.cf-pdp .float{grid-template-columns:1fr 1fr}.cf-pdp .float-stage{grid-column:1 / -1;grid-row:1;width:min(100%,520px);justify-self:center}.cf-pdp .callouts.left li,.cf-pdp .callouts.right li{text-align:left;justify-items:start;padding:16px 0 0;border-top:1px solid var(--line)}.cf-pdp .callouts li:after,.cf-pdp .callouts li:before{display:none}.cf-pdp .looks{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.cf-pdp .look{scroll-snap-align:start}.cf-pdp .reason-list{grid-template-columns:1fr 1fr}.cf-pdp .trust-list{grid-template-columns:1fr 1fr;row-gap:28px}.cf-pdp .heels ul{grid-template-columns:1fr}}@media(max-width:480px){.cf-pdp .float,.cf-pdp .reason-list,.cf-pdp .trust-list,.cf-pdp .promise ul{grid-template-columns:1fr}.cf-pdp .promise li{border-left:0!important;padding-inline:0}.cf-pdp .steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.cf-pdp *{transition:none!important}.cf-pdp .float-stage img,.cf-pdp .float-stage:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/canfora-pdp.css.map */