/* Mistercanne Christmas 2026. Remove the marked head link to disable. */
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper,
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-header {
 background-color:#f4efe3!important;
 background-image:url("linen-winter.webp")!important;
 background-position:center top!important;
 background-repeat:repeat-y!important;
 background-size:1265px auto!important;
}
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .header-container:not(.sticky) {background-color:transparent!important;}
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container {background-color:#1d323f!important;}
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container p,
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container a,
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container li {color:#d9e2e7;}
.mc-xmas-hero {position:relative;isolation:isolate;width:100%;margin:0;overflow:hidden;background:#1b3527;}
.mc-xmas-hero picture,.mc-xmas-hero img {display:block!important;width:100%!important;max-width:100%!important;}
.mc-xmas-hero img {height:auto!important;aspect-ratio:1670/942;object-fit:cover;}
.mc-xmas-copy {position:absolute;inset:16% 25% 16%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:1;color:#fff2cf;pointer-events:none;}
.mc-xmas-hero .mc-xmas-title {margin:0!important;padding:0!important;font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important;font-size:clamp(42px,6.8vw,116px)!important;line-height:1.02!important;letter-spacing:-.025em!important;color:#fff2cf!important;text-transform:none!important;text-shadow:0 1px 6px #12281a40;}
.mc-xmas-hero .mc-xmas-caption {margin:20px 0 0!important;padding:0!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-style:italic!important;font-size:clamp(17px,1.9vw,32px)!important;line-height:1.22!important;letter-spacing:0!important;color:#fff2cf!important;}
.mc-xmas-hero[data-lang="de"] .mc-xmas-title,.mc-xmas-hero[data-lang="it"] .mc-xmas-title {font-size:clamp(40px,6.1vw,106px)!important;}
.cms-index-index .rokan-title:has(>.module-title) {position:relative;}
@media(min-width:1200px) {
 .cms-index-index .rokan-title:has(>.module-title)::before,.cms-index-index .rokan-title:has(>.module-title)::after {content:"";position:absolute;top:50%;transform:translateY(-50%);display:block;width:88px;height:108px;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;}
 .cms-index-index .rokan-title:has(>.module-title)::before {left:0;background-image:url("stitch-3.webp");}
 .cms-index-index .rokan-title:has(>.module-title)::after {right:0;background-image:url("stitch-2.webp");}
 .cms-index-index [id^="weekly-home-"] .rokan-title::before {background-image:url("stitch-1.webp");}
 .cms-index-index [id^="weekly-home-"] .rokan-title::after {background-image:url("stitch-0.webp");}
 .cms-index-index .footer-container {position:relative;}
 .cms-index-index .footer-container::before,.cms-index-index .footer-container::after {content:"";position:absolute;bottom:150px;display:block;width:92px;height:118px;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;}
 .cms-index-index .footer-container::before {left:36px;background-image:url("stitch-0.webp");}
 .cms-index-index .footer-container::after {right:40px;background-image:url("stitch-2.webp");}
}
@media(max-width:767px) {
 body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper,body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-header {background-size:100% auto!important;}
 .mc-xmas-hero img {aspect-ratio:4/5;object-fit:cover;}
 .mc-xmas-copy {inset:11% 6% 11%;}
 .mc-xmas-hero .mc-xmas-title {font-size:clamp(39px,11.4vw,76px)!important;line-height:1.04!important;}
 .mc-xmas-hero[data-lang="de"] .mc-xmas-title,.mc-xmas-hero[data-lang="it"] .mc-xmas-title {font-size:clamp(36px,10.6vw,70px)!important;}
 .mc-xmas-hero .mc-xmas-caption {font-size:clamp(16px,4.3vw,23px)!important;margin-top:17px!important;}
 .cms-index-index .rokan-title:has(>.module-title)::before {content:"";display:block;width:52px;height:56px;margin:0 auto 12px;background:url("stitch-3.webp") center/contain no-repeat;pointer-events:none;}
 .cms-index-index [id^="weekly-home-"] .rokan-title::before {background-image:url("stitch-0.webp");}
}
@media print {.mc-xmas-hero .mc-xmas-copy{position:static;color:#111;}.mc-xmas-hero .mc-xmas-title,.mc-xmas-hero .mc-xmas-caption{color:#111!important;}body .page-wrapper,body .page-header{background-image:none!important;}.cms-index-index .rokan-title::before,.cms-index-index .rokan-title::after,.cms-index-index .footer-container::before,.cms-index-index .footer-container::after{display:none!important;}}

/* Product pages: a quiet ivory surface, festive linen only around the content. */
body.catalog-product-view .page-main {background:#f8f5ed!important;border-radius:12px;}
body.catalog-product-view #maincontent .product-main-content,
body.catalog-product-view #maincontent .product-info-main,
body.catalog-product-view #maincontent .product.media,
body.catalog-product-view #maincontent .product-info-detailed,
body.catalog-product-view #maincontent .product.attribute.description .value,
body.catalog-product-view #maincontent .block.related .block-title,
body.catalog-product-view #maincontent .block.upsell .block-title,
body.catalog-product-view #maincontent .product-item-info,
body.catalog-product-view #maincontent .product-item-photo,
body.catalog-product-view #maincontent .product-item-details {background:transparent!important;}
body.catalog-product-view #maincontent .fotorama__stage,
body.catalog-product-view #maincontent .fotorama__stage__frame,
body.catalog-product-view #maincontent .fotorama__nav-wrap,
body.catalog-product-view #maincontent .product-image-wrapper,
body.catalog-product-view #maincontent .product-image-photo,
body.catalog-product-view #maincontent .image_hover {background-color:#f8f5ed!important;}
body.catalog-product-view #maincontent .product-options-wrapper input.input-text,
body.catalog-product-view #maincontent .product-options-wrapper textarea,
body.catalog-product-view #maincontent .product-options-wrapper select {background-color:#fffdf8!important;border-color:#d9d1c2!important;}
body.catalog-product-view #maincontent .product-options-wrapper .field {border-color:#ded6c9!important;}
@media(max-width:767px){body.catalog-product-view .page-main{border-radius:0;}}
/* Transparent catalogue cards: reveal the Christmas linen, preserve image pixels. */
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .item.product.product-item,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-item-info,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-item-photo,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-container,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-wrapper,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-photo,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .image_hover,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-item-details,
html body.cms-index-index #maincontent .banner-top-home,
html body.cms-index-index #maincontent .banner-top-home .row {background-color:transparent!important;}
/* Restore a plain neutral backdrop behind catalogue photographs only. */
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-item-photo,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-container,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-wrapper,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-image-photo,
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .image_hover {background-color:#e1d8c8!important;}
/* Only the product name/price block; surrounding card remains transparent. */
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) #maincontent .product-item-details {background-color:#e1d8c8!important;}
/* Product page: festive background around the gallery and buying information. */
html body.catalog-product-view #maincontent.page-main {background:transparent!important;border-radius:0;}
html body.catalog-product-view #maincontent .product-main-content {background:transparent!important;}
html body.catalog-product-view #maincontent .product.media,
html body.catalog-product-view #maincontent .product-info-main {background-color:#f8f5ed!important;}
/* Product page panels and gallery chrome: let the festive backdrop show through. */
html body.catalog-product-view #maincontent .product.media,
html body.catalog-product-view #maincontent .product-info-main,
html body.catalog-product-view #maincontent .fotorama__stage,
html body.catalog-product-view #maincontent .fotorama__stage__frame,
html body.catalog-product-view #maincontent .fotorama__nav-wrap {background-color:transparent!important;}
/* Neutral backing only for custom-option headings; inputs and page stay unchanged. */
html body.catalog-product-view #maincontent .product-options-wrapper .field > .label {background-color:#e1d8c8!important;}
/* Restore the requested dark brown footer. */
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container {background-color:#26221e!important;}
/* Requested footer colour. */
html body:not(.checkout-index-index):not(.onestepcheckout-index-index) .footer-container {background-color:#232323!important;}
/* A single compositor layer, no script, no interaction interception. */
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper::after {
 content:"";display:block;position:fixed;top:-240px;right:0;bottom:0;left:0;
 z-index:40;pointer-events:none!important;user-select:none;
 background-image:radial-gradient(circle,rgba(255,255,255,.85) 1.4px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.65) 1px,transparent 1.7px);
 background-size:300px 240px,430px 240px;background-position:0 0,90px 110px;background-repeat:repeat;
 opacity:.6;animation:mc-xmas-snow-fall 18s linear infinite;will-change:transform;
}
@keyframes mc-xmas-snow-fall {from{transform:translate3d(0,0,0);}to{transform:translate3d(0,240px,0);}}
@media(max-width:767px){body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper::after{background-size:300px 240px,430px 240px;opacity:.5;animation-duration:22s;}}
@media(prefers-reduced-motion:reduce),print{body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper::after{display:none!important;animation:none!important;will-change:auto;}}
/* Slightly larger and denser flakes, with a faint edge on the pale linen. */
body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper::after {
 background-image:radial-gradient(circle,rgba(255,255,255,.98) 2.3px,rgba(100,112,128,.18) 2.7px,transparent 3.3px),radial-gradient(circle,rgba(255,255,255,.95) 1.7px,rgba(100,112,128,.12) 2.1px,transparent 2.7px),radial-gradient(circle,rgba(255,255,255,.9) 1.2px,transparent 1.9px);
 background-size:200px 240px,310px 240px,420px 240px;
 background-position:0 0,85px 90px,40px 175px;opacity:.9;
}
@media(max-width:767px){body:not(.checkout-index-index):not(.onestepcheckout-index-index) .page-wrapper::after{background-size:200px 240px,310px 240px,420px 240px;opacity:.85;}}