/* CAFFÉ TRIESTE v0.8.2 — targeted PDP correction from supplied Figma. */

/* The actual source home icon was bundled but the CSS mask mapping was missing. */
.ct-svg-icon--home{
 -webkit-mask-image:url('../icons/fi-rr-home.svg');mask-image:url('../icons/fi-rr-home.svg');
}

/* Retain just the hero path; no supplementary WooCommerce breadcrumb on PDP. */
.ct-woocommerce:has(.ct-pdp)> .woocommerce-breadcrumb{display:none!important}

/* Identical recessed logo cut-out to the home hero Figma component. */
.ct-pdp-hero{overflow:visible;isolation:isolate}
.ct-pdp-hero::before{
 content:'';position:absolute;left:50%;top:-166.4px;transform:translateX(-50%);
 width:259px;height:200.6px;border-radius:180px;background:#faf6ed;
 pointer-events:none;z-index:12;
}
/* Decorative vectors are clipped to the beige rectangle. Only the package
   is allowed to extend below the hero, in its own sibling layer. */
.ct-pdp-hero__decors{
 position:absolute;inset:0;border-radius:inherit;overflow:hidden;
 pointer-events:none;z-index:1;
}
.ct-pdp-hero__decors>img{position:absolute;max-width:none}
.ct-pdp-hero__decors .ct-pdp-hero__decoration--paint{
 width:26%;height:78%;top:10%;left:43%;z-index:0;opacity:.45;
}
.ct-pdp-hero__decors .ct-pdp-hero__decoration--ring{
 width:23%;height:55%;top:8%;right:5%;z-index:1;opacity:.9;
}
.ct-pdp-hero__decors .ct-pdp-hero__decoration--dots{
 width:12%;height:26%;top:48%;right:12%;z-index:1;opacity:.72;
}
.ct-pdp-hero__decors .ct-pdp-hero__decoration--beans{
 width:11%;height:30%;top:29%;right:-1%;z-index:1;opacity:.85;
}
.ct-pdp-hero__art{overflow:visible;z-index:2}
/* Packshot overlaps lower edge of beige hero, as in source mockup. */
.ct-pdp-hero__packshot{
 top:auto!important;bottom:-43px!important;left:0;width:100%;height:calc(100% + 18px);
 object-fit:contain;object-position:center bottom;z-index:3;
}
/* No positive stock label in Figma. Out-of-stock remains visible for shoppers. */
.ct-pdp .stock.in-stock{display:none!important}
/* Figma Representative CTA: one native WooCommerce button; one attached black disc. */
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button{
 display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
 gap:0!important;min-height:63px!important;height:63px!important;
 padding:0 0 0 32px!important;border-radius:32px!important;
 background:#d13239!important;color:#fff!important;border:0!important;
 white-space:nowrap!important;overflow:hidden!important;
 box-shadow:none!important;font:500 17px/1.25 Inter,Arial,sans-serif!important;
}
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button::after{
 content:''!important;display:block!important;position:static!important;
 flex:0 0 63px!important;width:63px!important;height:63px!important;
 margin:0 0 0 15px!important;transform:none!important;
 border-radius:50%!important;
 background:#191919 url('../icons/fi-rr-shopping-bag-add-white.svg') center / 24px 24px no-repeat!important;
 box-shadow:none!important;opacity:1!important;
}
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button:hover,
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button:focus-visible{
 background:#b12730!important;
}
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button:hover::after,
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button:focus-visible::after{
 background-color:#191919!important;
}
.ct-pdp-hero__cart form.cart button.single_add_to_cart_button:disabled{opacity:.5;cursor:not-allowed}
/* Sticky purchase CTA geometry is defined in figma-v086.css. */
.ct-pdp-price__lowest{margin-top:5px}
.ct-pdp-price__lowest p{margin:0}
@media(max-width:1239px) and (min-width:768px){
 .ct-pdp-hero::before{width:205px;height:165px;top:-138px;border-radius:150px}
 .ct-pdp-hero__packshot{bottom:-31px!important}
}
@media(max-width:767px){
 .ct-pdp-hero::before{width:144px;height:110.6px;top:-95.3px;border-radius:110px}
 .ct-pdp-hero__packshot{top:0!important;bottom:auto!important;left:5%;width:90%;height:100%;object-position:center bottom}
 .ct-pdp-hero__decors .ct-pdp-hero__decoration--ring{width:38%;right:-9%;top:41%;height:25%}
 .ct-pdp-hero__decors .ct-pdp-hero__decoration--dots{width:19%;right:6%;top:57%}
 .ct-pdp-hero__decors .ct-pdp-hero__decoration--beans{display:none}
 .ct-pdp-hero__cart form.cart button.single_add_to_cart_button{padding-left:20px!important;font-size:14px!important}
 .ct-pdp-hero__cart form.cart button.single_add_to_cart_button::after{width:56px!important;height:56px!important;flex-basis:56px!important;margin-left:10px!important}
}
@media(prefers-reduced-motion:reduce){
 .ct-pdp-hero__cart form.cart button.single_add_to_cart_button,
 .ct-pdp-hero__cart form.cart button.single_add_to_cart_button::after{transition:none!important}
}