/* Integrazione WordPress/WooCommerce, senza cambiare la composizione della hero. */
.admin-bar .header{top:32px}.petra-page{min-height:60vh;margin:0 auto;padding:135px 6% 75px;max-width:1600px}.petra-page h1{font-weight:400;font-size:clamp(28px,4vw,44px);margin-bottom:35px}.petra-page h2,.petra-page h3{font-weight:400;margin:30px 0 15px}.petra-prose{max-width:860px;line-height:1.8}.petra-prose a{text-decoration:underline;text-underline-offset:3px}.petra-prose p{margin:1em 0}.petra-prose ul,.petra-prose ol{padding-left:1.4em}.petra-page .wp-post-image{max-width:100%;height:auto}.petra-cart-error{padding:14px;border:1px solid #a24f40;color:#7d3025;font-size:13px}.product-price:empty{display:none}.size-button:disabled{opacity:.35;cursor:not-allowed;text-decoration:line-through}.add-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{display:flex;justify-content:center;align-items:center;text-align:center}.cart-item dl.variation{font-size:11px;line-height:1.6;margin:9px 0}.cart-item dl.variation dt{float:left;clear:left;margin-right:5px}.cart-item dl.variation dd{margin:0}.cart-item dl.variation p{margin:0}.panel [aria-busy=true]{opacity:.65}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button,.woocommerce #respond input#submit{background:#1c1d1c;color:#fff;border-radius:0;padding:14px 20px;line-height:1.3}.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce input.button.alt{background:#1c1d1c;color:#fff}.woocommerce a{color:inherit}.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password],.woocommerce input[type=number],.woocommerce select,.woocommerce textarea{border:1px solid #bfc0b7;border-radius:0;background:transparent;padding:12px;width:100%;font:inherit}.woocommerce label{line-height:1.6}.woocommerce table.shop_table{border-radius:0}.woocommerce .quantity .qty{width:75px}.woocommerce div.product .product_title{font-size:32px}.woocommerce div.product p.price,.woocommerce div.product span.price{color:#1c1d1c}.woocommerce ul.products li.product .price{color:#1c1d1c}.woocommerce form .form-row{margin-bottom:14px}.woocommerce-error,.woocommerce-info,.woocommerce-message{font-size:14px;line-height:1.7}.woocommerce .woocommerce-breadcrumb{margin-bottom:30px}.petra-post{padding:24px 0;border-bottom:1px solid #d8d8d1}.petra-commerce .woocommerce{line-height:1.7}.wc-block-components-button{border-radius:0}.wc-block-components-checkout-place-order-button{background:#1c1d1c;color:#fff}.petra-page form.comment-form input,.petra-page form.comment-form textarea{max-width:100%;border:1px solid #bfc0b7;padding:10px}.header .nav-button:focus-visible,.product-thumb:focus-visible,.universe-card:focus-visible{outline:2px solid currentColor;outline-offset:5px}dialog button:focus-visible,dialog a:focus-visible{outline:2px solid #555;outline-offset:3px}.footer-bottom{justify-content:space-between}
@media(max-width:782px){.admin-bar .header{top:46px}}
@media(max-width:600px){.admin-bar .header.is-sticky{top:0}.admin-bar .header:not(.is-sticky){top:46px}.petra-page{padding:110px 23px 50px}.woocommerce table.shop_table_responsive tr td{text-align:left!important}.woocommerce table.shop_table_responsive tr td::before{float:none;display:block;margin-bottom:6px}.woocommerce .woocommerce-breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.footer-company{padding:0 0 28px;color:#666b65;font-size:10px;line-height:1.9;max-width:940px}.petra-legal-draft{padding:16px;border:1px solid #c4b992;background:#fff6da;line-height:1.7;margin:20px 0}.petra-prose .pending{background:#fff0c8}.petra-prose table{border-collapse:collapse;width:100%}.petra-prose td,.petra-prose th{border:1px solid #d1d4cc;padding:12px;text-align:left}
@media(max-width:700px){.footer-company{font-size:9px;line-height:1.9}}

/* 1.1: scala tipografica leggibile, rispettando la gerarchia della V3. */
.version-three .desktop-nav{font-size:13px;gap:clamp(16px,1.5vw,25px)}
.version-three .header .nav-button,.version-three .header .bag-button{font-size:13px}
.version-three .hero-copy .eyebrow,.version-three .campaign-caption{font-size:11px}
.version-three .hero-copy .text-link,.version-three .duo-label .text-link,.version-three .editorial-copy .text-link{font-size:12px}
.version-three .showroom-intro .eyebrow,.version-three .product-number{font-size:11px}
.version-three .showroom-intro>p:last-child{font-size:13px;line-height:1.75}
.version-three .showroom-product .product-info{max-width:360px;padding-right:28px}
.version-three .showroom-product .product-info h3{font-size:clamp(20px,1.5vw,23px);line-height:1.35}
.version-three .showroom-product .product-description,.version-three .product-material{font-size:13px;line-height:1.7}
.version-three .showroom-product .product-price{font-size:17px}
.version-three .showroom-product .size-heading,.version-three .showroom-product .size-heading button{font-size:12px}
.version-three .showroom-product .size-button,.version-three .showroom-product .add-button{font-size:13px;min-height:44px}
.version-three .showroom-product .product-details{font-size:12px}
.version-three .product-thumb>span,.version-three .product-thumb small{font-size:11px;white-space:normal;line-height:1.4}
.version-three .showroom-bottom,.version-three .showroom-arrows #track-index{font-size:12px}
.version-three .universe-heading .eyebrow,.version-three .editorial-copy .eyebrow,.version-three .brand-statement .eyebrow{font-size:11px}
.version-three .universe-heading .section-intro{font-size:13px;line-height:1.75}
.version-three .universe-card>.sold-out{font-size:11px}
.version-three .footer h3,.version-three .footer-column h3{font-size:11px}
.version-three .footer a,.version-three .footer button,.version-three .footer-location{font-size:13px;line-height:1.65}
.version-three .footer-bottom,.version-three .footer-company{font-size:11px;line-height:1.85}
/* La maschera segue i bordi effettivi della foto, non il contenitore con bande vuote. */
.version-three .showroom-product .product-image-button{mask-image:none;-webkit-mask-image:none}
.version-three .showroom-product .product-image-button>img{width:auto;height:100%;max-width:100%;display:block;margin-inline:auto;mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 9%,#000 91%,transparent 100%)}
.version-three .showroom-product .image-plus{z-index:2}
/* Nove versioni: lo showroom resta compatto, le miniature scorrono. */
.version-three .product-nav{max-height:calc(100% - 135px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#9a9c92 transparent;padding-right:4px;scroll-padding:8px}
.version-three .product-thumb{flex:0 0 auto}
.version-three .product-nav[hidden],.version-three .showroom-arrows[hidden],.version-three .showroom-bottom[hidden]{display:none}
.version-three .showroom.is-empty{min-height:340px}
.version-three .showroom.is-empty .showroom-intro{position:static;width:auto;max-width:420px;margin:25px 2%}
.petra-empty-collection{padding:25px 2%;font-size:15px;line-height:1.7}
/* Specificità sufficiente anche quando lo sticky header è già attivo. */
body.admin-bar.version-two .header,body.admin-bar.version-two .header.is-sticky{top:32px}
@media(min-width:701px) and (max-width:1100px){
 .version-three .desktop-nav{font-size:12px;gap:14px}
 .version-three .showroom-product .product-info{padding-left:8px;padding-right:18px}
 .version-three .showroom-product .product-description,.version-three .product-material{font-size:12px}
 .version-three .product-thumb>span,.version-three .product-thumb small{font-size:10px}
}
@media(max-width:782px){body.admin-bar.version-two .header,body.admin-bar.version-two .header.is-sticky{top:46px}}
@media(max-width:700px){
 .version-three .hero-copy .eyebrow{font-size:10px}
 .version-three .campaign-caption{font-size:10px}
 .version-three .showroom-intro .eyebrow{font-size:11px}
 .version-three .showroom-intro>p:last-child{font-size:13px}
 .version-three .product-nav{display:flex;flex-direction:row;gap:12px;width:auto;max-width:none;max-height:none;overflow-x:auto;overflow-y:hidden;margin:0 23px 12px;padding:0 2px 10px;scroll-snap-type:x proximity;scroll-padding:2px}
 .version-three .product-thumb{flex:0 0 80px;min-height:122px;scroll-snap-align:start}
 .version-three .product-thumb>img{height:80px}
 .version-three .product-thumb>span,.version-three .product-thumb small{font-size:10px}
 .version-three .showroom-product .product-info{max-width:none;padding:22px 23px 0}
 .version-three .showroom-product .product-info h3{font-size:21px;max-width:100%;display:block}
 .version-three .showroom-product .product-price{float:none;margin:12px 0 0;font-size:17px}
 .version-three .showroom-product .product-description{font-size:13px;margin:7px 0 0}
 .version-three .product-material{font-size:13px;margin:14px 0 22px}
 .version-three .showroom-product .product-details{font-size:12px}
 .version-three .showroom-bottom>span:first-child,.version-three .showroom-arrows #track-index{font-size:11px}
 .version-three .universe-heading .section-intro{font-size:13px}
 .version-three .footer-company{font-size:11px}
}
@media(max-width:600px){body.admin-bar.version-two .header.is-sticky{top:0}body.admin-bar.version-two .header:not(.is-sticky){top:46px}}

.petra-arrow {
 display:inline-block;
 width:1em;
 height:1em;
 flex:none;
 vertical-align:-.14em;
 background:currentColor;
 --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M9 5h10v10' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 -webkit-mask:var(--arrow) center / contain no-repeat;
 mask:var(--arrow) center / contain no-repeat;
}
.petra-arrow-left,.petra-arrow-right {
 --arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12h17m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.petra-arrow-left{transform:rotate(180deg)}
.universe-label .petra-arrow{font-size:17px}
.cart-summary .primary-button{gap:.6em}
.cart-summary .secondary-button{display:grid;place-items:center}

.gallery-stage{touch-action:pan-y pinch-zoom}
.gallery-stage:focus-visible{outline:2px solid #5c6e80;outline-offset:-2px}
.gallery-detail {
 --detail-width:145%;
 --detail-x:50%;
 --detail-y:30%;
 position:relative;
 width:min(100%,72svh);
 max-height:100%;
 aspect-ratio:4/3;
 overflow:hidden;
}
.gallery-detail-small {
 --detail-width:241%;
 --detail-x:65%;
 --detail-y:25%;
}
.gallery-detail-sleeve {
 --detail-width:286%;
 --detail-x:79%;
 --detail-y:36%;
}
.gallery-detail img {
 position:absolute;
 top:50%;
 left:50%;
 width:var(--detail-width);
 max-width:none;
 height:auto;
 transform:translate(calc(-1 * var(--detail-x)),calc(-1 * var(--detail-y)));
}
.gallery-tabs{min-width:0;flex-wrap:wrap;gap:4px clamp(9px,2vw,20px)}
.gallery-counter{white-space:nowrap}
.gallery-arrow{width:44px;height:44px}
.product-thumb:focus-visible{outline-offset:-2px}
@media(max-width:700px){
 .gallery-bottom{flex-shrink:0;padding:12px 16px}
 .gallery-bottom .text-link{min-height:44px;align-self:center}
 .gallery-tabs button{min-height:36px}
 .version-three .duo-label>span{font-size:10px;line-height:1.45}
}