.elementor-49009 .elementor-element.elementor-element-7e06251{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-3107ba2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:2px 0px 2px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:2px;--border-left-width:0px;border-color:var( --e-global-color-lc21b78e );--border-color:var( --e-global-color-lc21b78e );--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-7d62f34{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-31072f1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-98f15b9 > .elementor-widget-container{margin:0px 0px 16px 0px;}.elementor-49009 .elementor-element.elementor-element-98f15b9 .elementor-heading-title{font-family:var( --e-global-typography-lf0c7624-font-family ), Sans-serif;font-size:var( --e-global-typography-lf0c7624-font-size );font-weight:var( --e-global-typography-lf0c7624-font-weight );text-transform:var( --e-global-typography-lf0c7624-text-transform );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-d334bed > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-49009 .elementor-element.elementor-element-d334bed .elementor-heading-title{font-family:var( --e-global-typography-lfe880cd-font-family ), Sans-serif;font-size:var( --e-global-typography-lfe880cd-font-size );font-weight:var( --e-global-typography-lfe880cd-font-weight );text-transform:var( --e-global-typography-lfe880cd-text-transform );line-height:var( --e-global-typography-lfe880cd-line-height );color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-02f0742 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-02f0742 .elementor-heading-title{font-family:var( --e-global-typography-lfa2e7cd-font-family ), Sans-serif;font-size:var( --e-global-typography-lfa2e7cd-font-size );font-weight:var( --e-global-typography-lfa2e7cd-font-weight );line-height:var( --e-global-typography-lfa2e7cd-line-height );color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-bab0432{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-lc21b78e );--border-color:var( --e-global-color-lc21b78e );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-bab0432:not(.elementor-motion-effects-element-type-background), .elementor-49009 .elementor-element.elementor-element-bab0432 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-62b34293 );}.elementor-49009 .elementor-element.elementor-element-213b112{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:11px;--padding-bottom:11px;--padding-left:18px;--padding-right:18px;}.elementor-49009 .elementor-element.elementor-element-9660cf2{--display:flex;--min-height:22px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-9660cf2:not(.elementor-motion-effects-element-type-background), .elementor-49009 .elementor-element.elementor-element-9660cf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-bb57eb6 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-bb57eb6 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:12px;color:var( --e-global-color-62b34293 );}.elementor-49009 .elementor-element.elementor-element-15464c8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-15464c8 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-95b965a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:11px;--padding-bottom:11px;--padding-left:18px;--padding-right:18px;}.elementor-49009 .elementor-element.elementor-element-279ec4d{--display:flex;--min-height:22px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-6229844 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-6229844 .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:12px;color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-15aa5bf > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-15aa5bf .elementor-heading-title{font-family:var( --e-global-typography-lf0c7624-font-family ), Sans-serif;font-size:var( --e-global-typography-lf0c7624-font-size );font-weight:var( --e-global-typography-lf0c7624-font-weight );text-transform:var( --e-global-typography-lf0c7624-text-transform );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-9680cb0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:9px 9px;--row-gap:9px;--column-gap:9px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:11px;--padding-bottom:11px;--padding-left:18px;--padding-right:18px;}.elementor-49009 .elementor-element.elementor-element-8d74243{--display:flex;--min-height:22px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-5fab39b > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-5fab39b .elementor-heading-title{font-family:"IBM Plex Mono", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;line-height:12px;color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-f6b78ea > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-f6b78ea .elementor-heading-title{font-family:var( --e-global-typography-lf0c7624-font-family ), Sans-serif;font-size:var( --e-global-typography-lf0c7624-font-size );font-weight:var( --e-global-typography-lf0c7624-font-weight );text-transform:var( --e-global-typography-lf0c7624-text-transform );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-d17c232{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-d17c232:not(.elementor-motion-effects-element-type-background), .elementor-49009 .elementor-element.elementor-element-d17c232 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-62b34293 );}.elementor-49009 .elementor-element.elementor-element-2fe859b{--update-cart-automatically-display:none;--sections-radio-buttons-color:var( --e-global-color-lc21b78e );--forms-rows-gap:20px;--forms-fields-normal-color:var( --e-global-color-lc21b78e );--forms-fields-border-radius:0px 0px 0px 0px;--forms-buttons-normal-text-color:var( --e-global-color-lc21b78e );--forms-buttons-hover-text-color:var( --e-global-color-lcc6cc90 );--forms-buttons-border-type:solid;--forms-buttons-border-color:var( --e-global-color-lc21b78e );--forms-buttons-border-radius:0px 0px 0px 0px;--order-summary-rows-gap-top:calc( 16px/2 );--order-summary-rows-gap-bottom:calc( 16px/2 );--order-summary-color:var( --e-global-color-lc21b78e );--order-summary-variations-color:var( --e-global-color-lc21b78e );--product-link-normal-color:var( --e-global-color-lc21b78e );--product-link-hover-color:var( --e-global-color-accent );--order-summary-items-divider-color:var( --e-global-color-lc181faa );--order-summary-items-divider-weight:1px;--order-summary-quantity-border-color:var( --e-global-color-lc21b78e );--order-summary-quantity-border-weight:2px;--order-summary-remove-icon-normal-color:var( --e-global-color-lcab2d9e );--order-summary-remove-icon-hover-color:var( --e-global-color-accent );--totals-rows-gap-top:calc( 20px/2 );--totals-rows-gap-bottom:calc( 20px/2 );--totals-color:var( --e-global-color-lc21b78e );--totals-divider-color:var( --e-global-color-lc181faa );--totals-divider-weight:1px;--checkout-button-normal-text-color:var( --e-global-color-62b34293 );--checkout-button-border-radius:0px 0px 0px 0px;--checkout-button-padding:22px 24px 22px 24px;--checkout-button-width:fit-content;}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b .e-cart-totals .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b select, .elementor-49009 .elementor-element.elementor-element-2fe859b .select2-selection--single{background-color:var( --e-global-color-62b34293 );}.elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button{background-color:#02010100;font-family:var( --e-global-typography-lff130f7-font-family ), Sans-serif;font-size:var( --e-global-typography-lff130f7-font-size );font-weight:var( --e-global-typography-lff130f7-font-weight );text-transform:var( --e-global-typography-lff130f7-text-transform );line-height:var( --e-global-typography-lff130f7-line-height );border-width:2px 2px 2px 2px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button:hover, .elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button:disabled[disabled]:hover{background-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .wc-proceed-to-checkout .checkout-button{background-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .wc-proceed-to-checkout .checkout-button:hover{background-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b > .elementor-widget-container{border-style:none;}.elementor-49009 .elementor-element.elementor-element-2fe859b .wc-proceed-to-checkout{--place-order-title-alignment:stretch;--checkout-button-width:100%;}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart-collaterals .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b select, .elementor-49009 .elementor-element.elementor-element-2fe859b .select2-selection--single{font-family:var( --e-global-typography-lfb9cefb-font-family ), Sans-serif;font-size:var( --e-global-typography-lfb9cefb-font-size );font-weight:var( --e-global-typography-lfb9cefb-font-weight );line-height:var( --e-global-typography-lfb9cefb-line-height );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-lc21b78e );}.e-woo-select2-wrapper .select2-results__option{color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b .select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b {--forms-fields-padding:10px 12px 10px 12px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:calc( (10px*2) + 16px );padding-left:12px;padding-right:12px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .select2-container--default .select2-selection--single .select2-selection__arrow{height:calc( (10px*2) + 16px );right:12px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .select2-container--default .select2-selection--single{height:auto;}.elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce-cart-form{--order-summary-title-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart th, .elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart td:before{font-family:var( --e-global-typography-lff130f7-font-family ), Sans-serif;font-size:var( --e-global-typography-lff130f7-font-size );font-weight:var( --e-global-typography-lff130f7-font-weight );text-transform:var( --e-global-typography-lff130f7-text-transform );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart td span, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart td, .elementor-49009 .elementor-element.elementor-element-2fe859b .input-text.qty{font-family:"Archivo Black", Sans-serif;font-size:18px;font-weight:400;text-transform:uppercase;line-height:1.15em;}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td:before, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td .woocommerce-Price-amount{font-family:var( --e-global-typography-lfb9cefb-font-family ), Sans-serif;font-size:var( --e-global-typography-lfb9cefb-font-size );font-weight:var( --e-global-typography-lfb9cefb-font-weight );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .checkout-button{font-family:var( --e-global-typography-lff130f7-font-family ), Sans-serif;font-size:var( --e-global-typography-lff130f7-font-size );font-weight:var( --e-global-typography-lff130f7-font-weight );text-transform:var( --e-global-typography-lff130f7-text-transform );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table{--sections-border-type:solid;border-width:2px 0px 0px 0px;--sections-border-color:var( --e-global-color-lc21b78e );--sections-border-radius:0px 0px 0px 0px;--sections-padding:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-cart-totals{--sections-border-type:solid;border-width:3px 3px 3px 3px;--sections-border-color:var( --e-global-color-lc21b78e );--sections-border-radius:0px 0px 0px 0px;--sections-padding:24px 24px 24px 24px;--sections-descriptions-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals{--sections-title-color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon{--sections-border-type:solid;border-width:1px 0px 0px 0px;--sections-border-color:var( --e-global-color-lc181faa );--sections-border-radius:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-e10d85f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:3px 0px 3px 0px;--border-top-width:3px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:var( --e-global-color-lc21b78e );--border-color:var( --e-global-color-lc21b78e );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-e10d85f:not(.elementor-motion-effects-element-type-background), .elementor-49009 .elementor-element.elementor-element-e10d85f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lcc6cc90 );}.elementor-49009 .elementor-element.elementor-element-4f03388{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-49009 .elementor-element.elementor-element-6ce607c{--display:flex;--min-height:72px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:16px;}.elementor-49009 .elementor-element.elementor-element-d973536 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:12px;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title{margin-block-end:2px;color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-d973536.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-d973536.elementor-view-framed .elementor-icon, .elementor-49009 .elementor-element.elementor-element-d973536.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon{font-size:24px;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title a{font-family:var( --e-global-typography-lf5c02a1-font-family ), Sans-serif;font-size:var( --e-global-typography-lf5c02a1-font-size );font-weight:var( --e-global-typography-lf5c02a1-font-weight );text-transform:var( --e-global-typography-lf5c02a1-text-transform );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-description{font-family:var( --e-global-typography-lf3cd5c5-font-family ), Sans-serif;font-size:var( --e-global-typography-lf3cd5c5-font-size );font-weight:var( --e-global-typography-lf3cd5c5-font-weight );text-transform:var( --e-global-typography-lf3cd5c5-text-transform );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-4ddb083{--display:flex;--min-height:72px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-lc181faa );--border-color:var( --e-global-color-lc181faa );--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-49009 .elementor-element.elementor-element-9c4295e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:12px;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title{margin-block-end:2px;color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-9c4295e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-9c4295e.elementor-view-framed .elementor-icon, .elementor-49009 .elementor-element.elementor-element-9c4295e.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon{font-size:24px;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title a{font-family:var( --e-global-typography-lf5c02a1-font-family ), Sans-serif;font-size:var( --e-global-typography-lf5c02a1-font-size );font-weight:var( --e-global-typography-lf5c02a1-font-weight );text-transform:var( --e-global-typography-lf5c02a1-text-transform );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-description{font-family:var( --e-global-typography-lf3cd5c5-font-family ), Sans-serif;font-size:var( --e-global-typography-lf3cd5c5-font-size );font-weight:var( --e-global-typography-lf3cd5c5-font-weight );text-transform:var( --e-global-typography-lf3cd5c5-text-transform );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );color:var( --e-global-color-lcab2d9e );}.elementor-49009 .elementor-element.elementor-element-33ef0fb{--display:flex;--min-height:72px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-2b3c759 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-wrapper{align-items:center;text-align:start;gap:12px;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title{margin-block-end:2px;color:var( --e-global-color-lc21b78e );}.elementor-49009 .elementor-element.elementor-element-2b3c759.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-2b3c759.elementor-view-framed .elementor-icon, .elementor-49009 .elementor-element.elementor-element-2b3c759.elementor-view-default .elementor-icon{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon{font-size:24px;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title a{font-family:var( --e-global-typography-lf5c02a1-font-family ), Sans-serif;font-size:var( --e-global-typography-lf5c02a1-font-size );font-weight:var( --e-global-typography-lf5c02a1-font-weight );text-transform:var( --e-global-typography-lf5c02a1-text-transform );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-description{font-family:var( --e-global-typography-lf3cd5c5-font-family ), Sans-serif;font-size:var( --e-global-typography-lf3cd5c5-font-size );font-weight:var( --e-global-typography-lf3cd5c5-font-weight );text-transform:var( --e-global-typography-lf3cd5c5-text-transform );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );color:var( --e-global-color-lcab2d9e );}body.elementor-page-49009:not(.elementor-motion-effects-element-type-background), body.elementor-page-49009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-lcc6cc90 );}:root{--page-title-display:none;}@media(min-width:768px){.elementor-49009 .elementor-element.elementor-element-7e06251{--content-width:1240px;}.elementor-49009 .elementor-element.elementor-element-3107ba2{--content-width:1240px;}.elementor-49009 .elementor-element.elementor-element-31072f1{--width:auto;}.elementor-49009 .elementor-element.elementor-element-bab0432{--width:auto;}.elementor-49009 .elementor-element.elementor-element-213b112{--width:auto;}.elementor-49009 .elementor-element.elementor-element-9660cf2{--width:22px;}.elementor-49009 .elementor-element.elementor-element-95b965a{--width:auto;}.elementor-49009 .elementor-element.elementor-element-279ec4d{--width:22px;}.elementor-49009 .elementor-element.elementor-element-9680cb0{--width:auto;}.elementor-49009 .elementor-element.elementor-element-8d74243{--width:22px;}.elementor-49009 .elementor-element.elementor-element-d17c232{--content-width:1240px;}.elementor-49009 .elementor-element.elementor-element-4f03388{--content-width:1240px;}.elementor-49009 .elementor-element.elementor-element-6ce607c{--width:33.33%;}.elementor-49009 .elementor-element.elementor-element-4ddb083{--width:33.33%;}.elementor-49009 .elementor-element.elementor-element-33ef0fb{--width:33.33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-49009 .elementor-element.elementor-element-6ce607c{--width:33.3%;}.elementor-49009 .elementor-element.elementor-element-4ddb083{--width:33.3%;}.elementor-49009 .elementor-element.elementor-element-33ef0fb{--width:33.3%;}}@media(min-width:1980px){.elementor-49009 .elementor-element.elementor-element-98f15b9 .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d334bed .elementor-heading-title{font-size:var( --e-global-typography-lfe880cd-font-size );line-height:var( --e-global-typography-lfe880cd-line-height );}.elementor-49009 .elementor-element.elementor-element-02f0742 .elementor-heading-title{font-size:var( --e-global-typography-lfa2e7cd-font-size );line-height:var( --e-global-typography-lfa2e7cd-line-height );}.elementor-49009 .elementor-element.elementor-element-15aa5bf .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-f6b78ea .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart-collaterals .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b select, .elementor-49009 .elementor-element.elementor-element-2fe859b .select2-selection--single{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart th, .elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart td:before{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td:before, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td .woocommerce-Price-amount{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .checkout-button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}}@media(max-width:1024px){.elementor-49009 .elementor-element.elementor-element-7e06251{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-3107ba2{--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-98f15b9 .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d334bed .elementor-heading-title{font-size:var( --e-global-typography-lfe880cd-font-size );line-height:var( --e-global-typography-lfe880cd-line-height );}.elementor-49009 .elementor-element.elementor-element-02f0742 .elementor-heading-title{font-size:var( --e-global-typography-lfa2e7cd-font-size );line-height:var( --e-global-typography-lfa2e7cd-line-height );}.elementor-49009 .elementor-element.elementor-element-15aa5bf .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-f6b78ea .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d17c232{--padding-top:48px;--padding-bottom:48px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart-collaterals .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b select, .elementor-49009 .elementor-element.elementor-element-2fe859b .select2-selection--single{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart th, .elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart td:before{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td:before, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td .woocommerce-Price-amount{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .checkout-button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-cart-totals{--sections-padding:20px 20px 20px 20px;}.elementor-49009 .elementor-element.elementor-element-4f03388{--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-6ce607c{border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-4ddb083{border-width:0px 1px 0px 0px;--border-top-width:0px;--border-right-width:1px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-33ef0fb{--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}}@media(max-width:767px){.elementor-49009 .elementor-element.elementor-element-7e06251{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-3107ba2{--padding-top:24px;--padding-bottom:24px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-7d62f34{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:16px 16px;--row-gap:16px;--column-gap:16px;}.elementor-49009 .elementor-element.elementor-element-31072f1{--width:100%;}.elementor-49009 .elementor-element.elementor-element-98f15b9 .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d334bed .elementor-heading-title{font-size:var( --e-global-typography-lfe880cd-font-size );line-height:var( --e-global-typography-lfe880cd-line-height );}.elementor-49009 .elementor-element.elementor-element-02f0742 .elementor-heading-title{font-size:var( --e-global-typography-lfa2e7cd-font-size );line-height:var( --e-global-typography-lfa2e7cd-line-height );}.elementor-49009 .elementor-element.elementor-element-bab0432{--width:100%;--flex-wrap:nowrap;}.elementor-49009 .elementor-element.elementor-element-213b112{--width:auto;--padding-top:10px;--padding-bottom:10px;--padding-left:12px;--padding-right:12px;}.elementor-49009 .elementor-element.elementor-element-213b112.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-49009 .elementor-element.elementor-element-9660cf2{--width:22px;--min-height:22px;}.elementor-49009 .elementor-element.elementor-element-95b965a{--width:auto;--padding-top:10px;--padding-bottom:10px;--padding-left:12px;--padding-right:12px;}.elementor-49009 .elementor-element.elementor-element-95b965a.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-49009 .elementor-element.elementor-element-279ec4d{--width:22px;--min-height:22px;}.elementor-49009 .elementor-element.elementor-element-15aa5bf .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9680cb0{--width:auto;--padding-top:10px;--padding-bottom:10px;--padding-left:12px;--padding-right:12px;}.elementor-49009 .elementor-element.elementor-element-9680cb0.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-49009 .elementor-element.elementor-element-8d74243{--width:22px;--min-height:22px;}.elementor-49009 .elementor-element.elementor-element-f6b78ea .elementor-heading-title{font-size:var( --e-global-typography-lf0c7624-font-size );letter-spacing:var( --e-global-typography-lf0c7624-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2fe859b .coupon .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart-collaterals .input-text, .elementor-49009 .elementor-element.elementor-element-2fe859b select, .elementor-49009 .elementor-element.elementor-element-2fe859b .select2-selection--single{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .shop_table .button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart th, .elementor-49009 .elementor-element.elementor-element-2fe859b .e-shop-table .cart td:before{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td:before, .elementor-49009 .elementor-element.elementor-element-2fe859b .cart_totals .shop_table td .woocommerce-Price-amount{font-size:var( --e-global-typography-lfb9cefb-font-size );line-height:var( --e-global-typography-lfb9cefb-line-height );}.elementor-49009 .elementor-element.elementor-element-2fe859b .checkout-button{font-size:var( --e-global-typography-lff130f7-font-size );line-height:var( --e-global-typography-lff130f7-line-height );}.elementor-49009 .elementor-element.elementor-element-4f03388{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-49009 .elementor-element.elementor-element-6ce607c{--width:100%;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-d973536{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-wrapper{text-align:center;}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-d973536 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-4ddb083{--width:100%;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-9c4295e{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-wrapper{text-align:center;}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-9c4295e .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-33ef0fb{--width:100%;--padding-top:16px;--padding-bottom:16px;--padding-left:0px;--padding-right:0px;}.elementor-49009 .elementor-element.elementor-element-2b3c759{width:var( --container-widget-width, 240px );max-width:240px;--container-widget-width:240px;--container-widget-flex-grow:0;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-wrapper{text-align:center;}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title, .elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-title a{font-size:var( --e-global-typography-lf5c02a1-font-size );line-height:var( --e-global-typography-lf5c02a1-line-height );letter-spacing:var( --e-global-typography-lf5c02a1-letter-spacing );}.elementor-49009 .elementor-element.elementor-element-2b3c759 .elementor-icon-box-description{font-size:var( --e-global-typography-lf3cd5c5-font-size );line-height:var( --e-global-typography-lf3cd5c5-line-height );letter-spacing:var( --e-global-typography-lf3cd5c5-letter-spacing );}}/* Start custom CSS for woocommerce-cart, class: .elementor-element-2fe859b *//* ═══════════════════════════════════════════════════════════════════════ CARRELLO · CSS DEL WIDGET ═══════════════════════════════════════════════════════════════════════ QUESTO FILE NON SI CARICA DA NESSUNA PARTE. E' la copia di lavoro di quello che sta incollato nel widget Carrello della pagina /carrello/, in Avanzate → CSS personalizzato. Serve solo perche' quel riquadro vive nel database e non lascia traccia: se il widget viene rifatto o sostituito, il CSS sparisce e nessuno sa che c'era. Qui resta. La parola ".elementor-49009 .elementor-element.elementor-element-2fe859b" non e' CSS: e' la scorciatoia di Elementor, che al salvataggio la sostituisce con il selettore di QUESTO widget. Per questo niente di qui dentro puo' uscire dal carrello, e per questo non serve nessuna classe di pagina. Perche' qui e non nel CSS globale: il foglio del widget Carrello di Elementor si carica DOPO il nostro CSS globale (che vive nel kit) ma PRIMA del CSS della pagina, che e' dove finisce questo riquadro. Misurato il 14/09/2026 su /carrello/: kit 34, widget Elementor 37, pagina 40. Da qui si passa davanti senza selettori lunghi. Il resto del widget lo fa tutto il pannello. Qui ci sono solo i punti in cui il pannello non arriva. ═══════════════════════════════════════════════════════════════════════ */ /* 1. IL NOME DEL PRODOTTO ERA AZZURRO. Il campo «Riepilogo ordine → Link Prodotto» e' compilato bene e scrive --product-link-normal-color e --product-link-hover-color. Ma Elementor ha una seconda regola, piu' pesante, che colora tutti i link del widget con --links-normal-color: una variabile che nessun campo del pannello riempie, quindi resta il celeste di fabbrica. Non la combattiamo: le passiamo il valore dei due campi che hai gia' impostato tu. Cosi' il colore continua a deciderlo il pannello, non questo riquadro. La × di «rimuovi» ha una regola sua e resta nera. */ .elementor-49009 .elementor-element.elementor-element-2fe859b{ --links-normal-color:var(--product-link-normal-color,var(--e-global-color-lc21b78e)); --links-hover-color:var(--product-link-hover-color,var(--e-global-color-accent)) } /* 2. «IL TUO ORDINE» ERA RALEWAY 14 NERO. Il campo «Totali → Titoli e totali» non arriva a questo titolo: Elementor gli tiene addosso una misura fissa di 14px. Nel prototipo e' Archivio Black 22 maiuscolo, lo stesso global del titolo del carrello vuoto. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals h2{ font-family:var(--e-global-typography-lf45e82c-font-family),'Archivo Black',sans-serif; font-size:var(--e-global-typography-lf45e82c-font-size); font-weight:var(--e-global-typography-lf45e82c-font-weight); text-transform:var(--e-global-typography-lf45e82c-text-transform); line-height:var(--e-global-typography-lf45e82c-line-height); color:var(--e-global-color-lc21b78e); margin:0 0 16px } /* 3. SUBTOTALE E TOTALE ERANO GRIGI, E IL TOTALE NON PESAVA. Due cose separate, scoperte misurando. (a) Il colore: il pannello da' a queste righe il font Archivo 16 ma non il colore, che restava il grigio di sistema. Lo mettiamo noi. (b) La riga del totale: nel prototipo e' Archivio Black 22, e qui non bastava vestire la cella. Il con scritto «Totale» il widget lo tiene nascosto: l'etichetta che si vede e' un ::before della cella, e la cifra vive dentro uno suo. Elementor li veste tutti e due DIRETTAMENTE, e un valore ereditato non batte mai una regola diretta, per pesante che sia. Quindi li nominiamo uno per uno. Il eredita il peso, altrimenti il browser prova a ingrassare un nero che piu' nero non si puo' e lo sporca. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals th, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals td{ font-family:var(--e-global-typography-lfb9cefb-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lfb9cefb-font-size); font-weight:var(--e-global-typography-lfb9cefb-font-weight); line-height:var(--e-global-typography-lfb9cefb-line-height); color:var(--e-global-color-lc21b78e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total th, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total td, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total td::before, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total td strong, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total td .woocommerce-Price-amount{ font-family:var(--e-global-typography-lf45e82c-font-family),'Archivo Black',sans-serif; font-size:var(--e-global-typography-lf45e82c-font-size); font-weight:var(--e-global-typography-lf45e82c-font-weight); text-transform:var(--e-global-typography-lf45e82c-text-transform); line-height:var(--e-global-typography-lf45e82c-line-height) } /* La nota dell'IVA sta DENTRO la cella del totale, e si porta dentro una seconda cifra col suo : senza queste righe prenderebbe i 22px dell'Archivio Black e diventerebbe un secondo totale. La vestiamo con il mono maiuscolo del progetto — lo stesso global degli occhielli — cosi' smette di sembrare un avanzo di WooCommerce e diventa una nota tecnica voluta. L'interlinea la scriviamo a mano perche' quel global non la dichiara e si prenderebbe lo .95em del totale, che su due righe strozza. Va a capo perche' in linea, di fianco a una cifra grossa, spezza male su mobile. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total .includes_tax, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total .includes_tax .woocommerce-Price-amount{ display:block; font-family:var(--e-global-typography-lf0c7624-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf0c7624-font-size); font-weight:var(--e-global-typography-lf0c7624-font-weight); text-transform:var(--e-global-typography-lf0c7624-text-transform); line-height:1.4; color:var(--e-global-color-lcab2d9e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total .includes_tax{ margin-top:6px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total .includes_tax .woocommerce-Price-amount{ display:inline } /* 4. L'INTESTAZIONE DELLA TABELLA NON SERVE. «Prodotto · Prezzo · Quantita' · Subtotale» ripete quello che le righe dicono gia' da sole, e nel prototipo non c'e'. Sparisce senza danni: la versione stretta della tabella non legge il thead, si scrive le etichette da sola leggendo l'attributo data-title di ogni cella. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table thead{ display:none } /* 5. LE DUE COLONNE. Elementor le fissa a «59% auto» dentro il suo foglio, e nel pannello non c'e' nessun campo che le governi: delle 33 manopole che il widget scrive, nessuna tocca la griglia. Il prototipo vuole il riepilogo a 380 fissi e lo spazio fra le due colonne che respira con la finestra. Solo da 1025 in su: sotto quella soglia Elementor impila le due colonne con una sua media query, e quella non va disturbata. */ @media (min-width:1025px){ .elementor-49009 .elementor-element.elementor-element-2fe859b .e-cart__container{ grid-template-columns:minmax(0,1fr) 380px; column-gap:clamp(28px,4vw,64px) } } /* 6. I SEPARATORI FRA LE RIGHE DEL RIEPILOGO. Il pannello ne disegna uno solo, sopra il totale. Nel prototipo ce n'e' uno sopra ogni riga. Non scriviamo un colore nostro: riusiamo le due variabili del campo «divisore» che hai gia' impostato, cosi' se cambi spessore o colore li' cambiano tutte le righe insieme. La riga del totale resta in mano al pannello, che la sua linea la fa gia'. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals tr:not(.order-total) td{ border-top:var(--totals-divider-weight,1px) solid var(--totals-divider-color,var(--e-global-color-lc181faa)) } /* Nel prototipo la cifra delle righe correnti e' in grassetto mentre l'etichetta resta regolare. Il pannello ha un campo solo per tutte e due, quindi non puo' distinguerle: qui si nomina solo la cifra. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals tr:not(.order-total) td .woocommerce-Price-amount{ font-weight:700 } /* Sopra il totale il prototipo lascia 16 di respiro dopo la linea, contro i 5 che escono dalla spaziatura righe. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total th, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .order-total td{ padding-top:16px } /* 7. LA RIGA SPEDIZIONE. Nel carrello quella cella stampa tre cose: l'etichetta «Spedizione», il nome del metodo attivo e l'indirizzo di consegna del cliente. (a) L'INDIRIZZO VIA. Nel carrello non serve a niente: qui non si sceglie dove spedire, si sceglie al passo 02. In piu' scrivere via e civico di chi sta guardando, su uno schermo che puo' essere condiviso, e' una cortesia che nessuno ha chiesto. Il prototipo non ce l'ha. Resta al checkout, dove serve davvero. Insieme se ne va anche il link per cambiare indirizzo e il suo modulo, se un giorno li riaccendi. (b) IL NOME DEL METODO. Era grigio come un testo di servizio: e' invece il VALORE della riga, l'equivalente del prezzo nelle altre due. Va in inchiostro e in grassetto come le altre cifre. Lo mettiamo in linea per provare a riportarlo di fianco all'etichetta come nel prototipo: quella cella si impagina come una tabella a due celle, e un elenco a blocchi la spezza. Se non risale sulla stessa riga resta dov'e' adesso — nessun peggioramento — e lo sistemiamo diversamente. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-destination, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .shipping-calculator-button, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .shipping-calculator-form{ display:none } /* SOLO IL METODO ATTIVO, SENZA PALLINI. Col negozio vero i metodi sono tre, e messi in linea diventavano un paragrafo illeggibile: l'esperimento per riportarli di fianco all'etichetta e' finito qui. La scelta del trasporto e' una decisione da passo 02: si fa con un indirizzo davanti, e rifarla due volte e' solo un modo per sbagliarla. Nel carrello resta scritto quello che sta pagando in questo momento — che e' l'unica cosa che il totale di fianco sta gia' dicendo. La condizione sull'elenco e' una cintura: se per qualunque motivo nessuno risultasse scelto, invece di sparire tutti restano tutti. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods{ display:block; margin:0; padding:0; list-style:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods li{ display:block; margin:0; padding:0; list-style:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods:has(input:checked) li:has(input[type="radio"]:not(:checked)){ display:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods input[type="radio"]{ display:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods li, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .cart_totals .woocommerce-shipping-methods label{ font-weight:700; color:var(--e-global-color-lc21b78e) } /* ═══════════════════════════════════════════════════════════════════════ 8. LE RIGHE DEL CARRELLO — COLONNA DI SINISTRA ═══════════════════════════════════════════════════════════════════════ Qui dentro ci sono solo le cose che il pannello non ha. Nome prodotto, bordo della quantita' e colore della × stanno nei campi del widget e li fa lui: se li scrivessi anche qui, domani cambiare un colore dal pannello non servirebbe piu' a niente. */ /* (a) IL RITMO DELLA RIGA. Il prototipo da' 16 sopra e sotto e una linea fra una riga e l'altra. Adesso le righe hanno 8 e nessuna linea: si impastano. Il filetto lo prendiamo dalle variabili del campo «divisore elementi» che hai gia' impostato, non da un colore scritto a mano: cambiarlo li' le cambia tutte. La linea sta SOPRA ogni riga e non sotto, e la prima la perde: sotto l'ultima riga non serve niente, e l'ultima riga della tabella non e' un prodotto ma la riga nascosta del pulsante «aggiorna», quindi contarla dal fondo avrebbe lasciato la linea nel posto sbagliato. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item td{ padding-top:16px; padding-bottom:16px; border-top:var(--order-summary-items-divider-weight,1px) solid var(--order-summary-items-divider-color,var(--e-global-color-lc181faa)) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item:first-of-type td{ border-top:0 } /* (b) LA MINIATURA. Nel prototipo e' un quadrato di 84 con il bordo spesso e il fondo carta: e' un oggetto, non una figurina. Adesso e' 55 e galleggia. L'immagine arriva a 300×300, quindi ritagliarla a quadrato non perde qualita'. */ /* L'altezza vuole l'«!important» per la stessa ragione della riga sopra: woocommerce-layout.css scrive `.woocommerce #content table.cart img {height:auto}` — (1,2,2) — e la nostra (0,6,1) perde. Finora non si vedeva solo perche' tutte le copertine sono quadrate 300×300: con una immagine non quadrata il ritaglio che avevamo scritto non sarebbe mai avvenuto. Funzionava per fortuna, non per costruzione. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-thumbnail img{ width:84px; height:84px !important; max-width:none; object-fit:cover; display:block; border:2px solid var(--e-global-color-lc21b78e); background:var(--e-global-color-lcc6cc90) } /* (c) LA PASTIGLIA DEL PREORDINE. WooCommerce stampa «Disponibile su ordinazione» in un

suo sotto il nome, e adesso esce come un testo grigio qualunque: e' invece l'informazione piu' importante della riga, perche' dice che quel pezzo NON parte oggi. Nel prototipo e' una pastiglia rossa piena. La spaziatura fra le lettere la scrivo a mano: quel global non la dichiara e una mono maiuscola senza spaziatura si legge peggio. Il testo resta quello di WooCommerce: accorciarlo in «PREORDINE» e aggiungerci la data d'uscita e' roba da snippet, non da CSS. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .backorder_notification{ display:inline-flex; align-items:center; margin:8px 0 0; padding:5px 9px; border:2px solid var(--e-global-color-accent); background:var(--e-global-color-accent); color:var(--e-global-color-62b34293); font-family:var(--e-global-typography-lf3cd5c5-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf3cd5c5-font-size); text-transform:var(--e-global-typography-lf3cd5c5-text-transform); font-weight:500; letter-spacing:.14em; line-height:1; white-space:nowrap } /* (d) UNA SOLA COLONNA DI PREZZO. La tabella ne stampa due, prezzo unitario e subtotale, e con quantita' 1 scrivono lo stesso numero due volte: a chi compra sembra un errore. Teniamo il subtotale, che e' quello che si paga davvero anche quando la quantita' cresce, e in Archivio Black 18 come nel prototipo. Se un domani preferisci vederli tutti e due, si toglie la prima riga. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-price{ display:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-subtotal .woocommerce-Price-amount{ font-family:var(--e-global-typography-lf2c75a7-font-family),'Archivo Black',sans-serif; font-size:var(--e-global-typography-lf2c75a7-font-size); font-weight:var(--e-global-typography-lf2c75a7-font-weight); line-height:var(--e-global-typography-lf2c75a7-line-height); color:var(--e-global-color-lc21b78e); white-space:nowrap } /* (e) LA CASELLA DELLA QUANTITA'. Il colore e lo spessore del bordo li mette il pannello. Qui solo la misura e il carattere: nel prototipo e' alta 40 e il numero e' in mono, come tutti i numeri tecnici del progetto. I 16px non sono un vezzo: sotto quella soglia iOS ingrandisce la pagina quando ci si clicca dentro, e non la rimpicciolisce piu'. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty{ width:58px; height:40px; padding:0; text-align:center; font-family:var(--e-global-typography-lf0c7624-font-family),'IBM Plex Mono',monospace; font-size:16px; color:var(--e-global-color-lc21b78e); background:var(--e-global-color-62b34293) } /* (f) IL TITOLO E LA PASTIGLIA VANNO SU DUE RIGHE LORO. La pastiglia e' un

che WooCommerce stampa subito dopo il link del nome, ma il link e' in linea: cosi' la pastiglia gli si accodava di fianco invece di andare sotto. Basta rendere il nome un blocco. Il blocco ci serve comunque per il taglio a due righe: i nomi dei giochi sono lunghissimi («Edizione dalle Ceneri», «Deluxe», la piattaforma in coda) e una riga in piu' sposta il prezzo fuori asse. Oltre la seconda riga il nome finisce con i puntini. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-name a{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden } /* (g) LA CASELLA DELLA QUANTITA' RESTAVA ALTA 28. Elementor le mette addosso min-height E max-height a 28: l'altezza che avevo scritto non poteva vincere, perche' un max-height batte sempre un height. Vanno riscritti tutti e tre. E gli angoli: il raggio 0 che hai messo nel campo del widget viene scavalcato da una regola del kit, che arrotonda TUTTI i campi del sito a 5px. Qui lo riportiamo a spigolo dentro il carrello. Il fatto che il resto del sito abbia campi arrotondati in un sistema tutto squadrato e' un discorso a parte, e si sistema in Impostazioni sito. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty{ height:40px; min-height:40px; max-height:40px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .input-text{ border-radius:0 } /* (h) IL SEGNAPOSTO DEL CAMPO COUPON. «Codice Coupon» usciva in inchiostro al 60% di opacita': non e' un colore del progetto, e' inchiostro annacquato dal browser. Il grigio giusto non bastava: un segnaposto in Archivo 16 sembra testo gia' scritto. Va nel mono maiuscolo, che nel progetto e' la voce delle etichette tecniche — e un campo coupon e' esattamente quello. Quello che ci scrivi dentro resta in Archivo 16 inchiostro. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .input-text::placeholder{ font-family:var(--e-global-typography-lf0c7624-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf0c7624-font-size); text-transform:var(--e-global-typography-lf0c7624-text-transform); letter-spacing:.06em; color:var(--e-global-color-lcab2d9e); opacity:1 } /* ═══════════════════════════════════════════════════════════════════════ 9. QUELLO CHE AGGIUNGE LO SNIPPET ═══════════════════════════════════════════════════════════════════════ Da qui in giu' si veste roba che nel carrello di WooCommerce non esiste: la stampa lo snippet «LC · Carrello». Se quello snippet e' spento, nessuna di queste regole trova niente da vestire e non succede niente — non restano buchi ne' spazi vuoti. */ /* LE PASTIGLIE sotto il nome. Stessa forma delle pastiglie del catalogo: mono minuscola in maiuscoletto, spigolo vivo, bordo spesso. Il preordine e' l'unico pieno di rosso, perche' e' l'unico che cambia quando arriva il pacco. «Disponibile» resta neutra: se fossero colorate tutte e due, nessuna delle due direbbe piu' niente. */ /* LA CELLA DEL NOME diventa una colonna, cosi' si puo' decidere l'ordine: pastiglie, titolo, data. Lo snippet le stampa in fondo perche' WooCommerce non ha un aggancio prima del nome — qui tornano al loro posto senza toccare il template. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-name{ display:flex; flex-direction:column; align-items:flex-start } /* REPARTO E DISPONIBILITA' SULLA STESSA RIGA, sopra il titolo. Sono due informazioni diverse — dove sta il prodotto nel negozio e se parte oggi — ma nel carrello si leggono insieme, e una riga sola di etichette fa una testatina pulita invece di tre livelli. Vanno a capo quando non ci stanno, e non e' un problema: su telefono l'altezza della riga la detta la copertina, e anche nel caso peggiore (XBOX SERIES X + DISPONIBILE su due righe, titolo su tre) la colonna arriva a 117 su 124 disponibili. Nessuno scalino. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-etichette{ order:-1; display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:0 0 8px } /* LA DATA D'USCITA sta FUORI dalla pastiglia E FUORI dalla riga delle etichette. Dentro la pastiglia diventava una fascetta rossa lunga mezza riga che urlava piu' del nome del prodotto; in fila con le altre due allungava la testatina fino a mandarla a capo (misurato: 398 su 364 disponibili a tablet). Sotto il titolo e' una spiegazione sottovoce, che e' quello che deve essere. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-quando{ display:block; margin-top:8px; font-family:var(--e-global-typography-lf3cd5c5-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf3cd5c5-font-size); text-transform:var(--e-global-typography-lf3cd5c5-text-transform); letter-spacing:.14em; line-height:1; color:var(--e-global-color-lcab2d9e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip{ display:inline-flex; align-items:center; padding:5px 9px; border:2px solid var(--e-global-color-lc21b78e); background:var(--e-global-color-lcc6cc90); color:var(--e-global-color-lc21b78e); font-family:var(--e-global-typography-lf3cd5c5-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf3cd5c5-font-size); text-transform:var(--e-global-typography-lf3cd5c5-text-transform); font-weight:500; letter-spacing:.14em; line-height:1; white-space:nowrap } /* «DISPONIBILE» E' VERDE, non neutra. La pastiglia neutra — fondo carta, bordo inchiostro — nelle card dell'archivio significa ESAURITO. Usare la stessa forma per dire il contrario e' il modo piu' rapido per far sbagliare qualcuno che il sito lo conosce. Verde uguale parte oggi, rosso uguale si aspetta. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-ok{ border-color:var(--e-global-color-lc6d3f45); background:var(--e-global-color-lc6d3f45); color:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-pre{ border-color:var(--e-global-color-accent); background:var(--e-global-color-accent); color:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat{ background:var(--e-global-color-62b34293) } /* IL «.lc-cc-chip» DAVANTI NON E' DECORATIVO — aggiunto il 20/09/2026. Senza, queste regole avevano SEI classi e perdevano contro la riga qui sopra, `.lc-cc-chip.lc-cc-plat{background:bianco}`, che ne ha sette. Risultato misurato su Deus Ex PS4: lo sfondo restava bianco, ma il `color:bianco` passava lo stesso perche' nessuno lo contendeva — pastiglia vuota col bordo blu. Colpiva tutte le piattaforme TRANNE PS5, che non e' in questa lista e si tiene la pastiglia neutra: per questo non era mai saltato fuori, guardavamo sempre prodotti PS5. I COLORI DELLE PIATTAFORME sono gli stessi accenti di reparto che il menu usa gia': non si inventa niente, si riusa. PS5 resta bianca col bordo nero come nel prototipo — e' la piattaforma di casa, non ha bisogno di gridare. Le altre prendono il colore della loro famiglia. Se domani aggiungi una piattaforma nelle manopole dello snippet senza passare di qui, esce con la pastiglia neutra: non si rompe niente. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--ps4, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--ps3, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--psvita{ border-color:var(--e-global-color-4ec78d7); background:var(--e-global-color-4ec78d7); color:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--nintendo-switch-2, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--switch, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--nintendo-3ds, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--wii{ border-color:var(--e-global-color-278f80e1); background:var(--e-global-color-278f80e1); color:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--xbox-series-x, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--xbox-one{ border-color:var(--e-global-color-bbfa04e); background:var(--e-global-color-bbfa04e); color:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-chip.lc-cc-plat--lego{ border-color:var(--e-global-color-lc898c35); background:var(--e-global-color-lc898c35); color:var(--e-global-color-62b34293) } /* IL PREZZO PIENO SBARRATO, sopra quello che si paga. Tre elementi da nominare, non uno: la cifra sta dentro uno di wc_price(), e il simbolo dell'euro dentro un altro ancora. Il campo «Elementi» del pannello veste OGNI span dentro una cella — quindi il simbolo se lo prendeva direttamente, e restava Archivio Black 18 accanto a un numero in Archivo 14 barrato. E' la terza volta che ci inciampo allo stesso modo: un valore ereditato non batte mai una regola diretta, e WooCommerce i prezzi li avvolge sempre in due o tre scatole. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era .woocommerce-Price-amount, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era .woocommerce-Price-currencySymbol{ display:block; font-family:var(--e-global-typography-lfa2e7cd-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lfa2e7cd-font-size); line-height:var(--e-global-typography-lfa2e7cd-line-height); color:var(--e-global-color-lcab2d9e); text-decoration:line-through; white-space:nowrap } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era .woocommerce-Price-currencySymbol{ display:inline } /* «RIMUOVI» sotto il prezzo. Nel prototipo e' un testo piccolo e grigio con una riga sotto, non un pulsante: togliere un prodotto non e' una cosa da incoraggiare, ma nemmeno da nascondere. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-via{ display:block; width:fit-content; margin-top:6px; margin-left:auto; text-align:right; text-decoration:none; font-family:var(--e-global-typography-lf0c7624-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf0c7624-font-size); text-transform:var(--e-global-typography-lf0c7624-text-transform); letter-spacing:.06em; color:var(--e-global-color-lcab2d9e); box-shadow:inset 0 -1px 0 var(--e-global-color-lc181faa) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-via:hover{ color:var(--e-global-color-accent); box-shadow:inset 0 -2px 0 var(--e-global-color-accent) } /* LA COLONNA DELLA × sparisce SOLO se il «Rimuovi» nuovo c'e' davvero. E' scritto con :has() apposta: se un giorno lo snippet viene spento, il link nuovo non c'e' piu' e la colonna originale torna da sola. Senza quella condizione, spegnere lo snippet lascerebbe un carrello da cui non si puo' togliere niente — un difetto che si scopre tardi e male. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table tbody:has(.lc-cc-via) .product-remove{ display:none } /* LA BANDA DELLA SPEDIZIONE GRATIS, sopra le righe. La barretta verticale a sinistra dice a colpo d'occhio se ci siamo: rossa quando manca qualcosa, verde quando e' fatta. Il verde e' un global come tutti gli altri: lc5fa446, #0E7A43, lo stesso che il prototipo chiama --grn-ink. Avevo scritto che nel kit un verde non c'era: nel kit di colori ce ne sono trentacinque e i verdi cinque. Stavo leggendo un export vecchio invece del sito. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-soglia{ margin:0 0 24px; padding:16px 24px; border:2px solid var(--e-global-color-lc21b78e); background:var(--e-global-color-62b34293); box-shadow:inset 5px 0 0 var(--e-global-color-accent); font-family:var(--e-global-typography-lf8b1c20-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lf8b1c20-font-size); line-height:1.5; color:var(--e-global-color-lc21b78e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-soglia.lc-cc-soglia-ok{ box-shadow:inset 5px 0 0 var(--e-global-color-lc5fa446) } /* LA NOTA DEL CARRELLO MISTO, sotto le righe. */ /* Il grassetto dentro le due scritte lunghe: sul grigio della nota deve tornare inchiostro, altrimenti «grassetto» significa solo un grigio un po' piu' spesso e non si vede da lontano. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-nota b, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-nota strong{ color:var(--e-global-color-lc21b78e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-nota{ margin:24px 0 0; padding-left:16px; border-left:2px solid var(--e-global-color-lc181faa); max-width:66ch; font-family:var(--e-global-typography-lfa2e7cd-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lfa2e7cd-font-size); line-height:1.6; color:var(--e-global-color-lcab2d9e) } /* LE TRE NOTE SOTTO IL PULSANTE, con il filetto che le stacca. E' il filetto che mi chiedevi: esiste solo se le note ci sono. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-modi{ margin:24px 0 0; padding:16px 0 0; border-top:1px solid var(--e-global-color-lc181faa); list-style:none } /* UNA RIGA SOLA, SU TUTTI E TRE I FORMATI — 20/09/2026. Le tre voci sono state accorciate nello snippet, ma le parole da sole non bastavano. Misurato con Archivo vero, non a occhio: la piu' lunga e' «Consegna a Bari — gratis da 50 €, in giornata», 284px a 14px. Lo spazio: desktop 392 · telefono da 375 -> 295 · da 360 -> 280. A 14px fissi su un telefono da 360 sarebbero serviti 280 e ne chiede 284: andava a capo per QUATTRO pixel. Da qui il clamp. Il clamp tiene il TETTO agganciato al global tipografico, cosi' se un giorno cambi quel carattere dal pannello il massimo lo segue; sotto, scende con la larghezza dello schermo e non va mai sotto gli 11. Il nowrap e' la garanzia: a capo non ci va e basta. IL LIMITE, dichiarato: sotto i 318px di finestra il testo sborda invece di andare a capo. Nessun telefono in commercio ci arriva — l'iPhone SE piccolo si ferma a 320 — ma e' giusto saperlo. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-modi li{ white-space:nowrap; font-size:clamp(11px, 3.7vw, var(--e-global-typography-lfa2e7cd-font-size, 14px)); margin:0; padding:5px 0; font-family:var(--e-global-typography-lfa2e7cd-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lfa2e7cd-font-size); line-height:1.5; color:var(--e-global-color-lcab2d9e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .lc-cc-modi li b{ color:var(--e-global-color-lc21b78e) } /* ═══════════════════════════════════════════════════════════════════════ 10. LA SCATOLA DELLA QUANTITA', MENO E PIU' ═══════════════════════════════════════════════════════════════════════ Nel prototipo il bordo sta attorno al GRUPPO — meno, numero, piu' — non attorno al solo campo. Quindi il bordo si sposta sul contenitore, ma leggendo le STESSE due variabili del campo «bordo quantita'» del pannello: il colore e lo spessore continui a deciderli tu di la'. Le frecce del campo numerico spariscono: sono due micro-triangoli che compaiono al passaggio del mouse, occupano il lato destro e sballano il centraggio del numero — che era il motivo per cui l'1 sembrava storto anche col testo centrato. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity{ display:inline-flex; align-items:center; border:var(--order-summary-quantity-border-weight,2px) solid var(--order-summary-quantity-border-color,var(--e-global-color-lc21b78e)); background:var(--e-global-color-62b34293) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty{ border:0; width:44px; min-width:44px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty::-webkit-outer-spin-button, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty::-webkit-inner-spin-button{ -webkit-appearance:none; appearance:none; margin:0 } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty{ -moz-appearance:textfield; appearance:textfield } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-q{ width:38px; height:40px; flex:none; border:0; background:transparent; cursor:pointer; padding:0; font-family:var(--e-global-typography-lf8b1c20-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lf8b1c20-font-size); line-height:1; color:var(--e-global-color-lc21b78e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-q:hover{ background:var(--e-global-color-lc21b78e); color:var(--e-global-color-lcc6cc90) } /* (n) VENDUTO SINGOLARMENTE: LA SCATOLA RESTAVA VUOTA. Quando un prodotto ha «Venduto singolarmente» WooCommerce non stampa un campo: stampa un , che per definizione non disegna mai il suo valore. Misurato sui due prodotti in carrello il 20/09/2026: EA Sports UFC 6 -> input type=number min=0 max=1 il numero c'e' Pokemon 30° -> input type=hidden min=1 max=1 scatola vuota La classe del contenitore e' identica nei due casi — «quantity» e basta, nessun «hidden» come dice il modello di WooCommerce. L'unico appiglio e' il TIPO dell'input, e per fortuna basta. Scelta B: la scatola resta, per non spezzare il ritmo della colonna. Spariscono solo i due pulsanti, che li' non farebbero niente, e al loro posto si legge 1 nello stesso mono degli altri numeri. La riga sotto dice PERCHE' non si tocca. «Max 1 per ordine» e non «ultimo pezzo»: sono due cose diverse e queste collezioni a magazzino ne hanno piu' di una. Se non la vuoi, cancella il secondo blocco. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity:has(.qty[type="hidden"]) .lc-cc-q{ display:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity:has(.qty[type="hidden"])::after{ content:"1"; display:flex; align-items:center; justify-content:center; width:120px; height:40px; font-family:var(--e-global-typography-lf0c7624-font-family),'IBM Plex Mono',monospace; font-size:16px; color:var(--e-global-color-lc21b78e) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-quantity:has(.qty[type="hidden"])::after{ content:"Max 1 per ordine"; white-space:nowrap; font-family:var(--e-global-typography-lf3cd5c5-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf3cd5c5-font-size); text-transform:uppercase; letter-spacing:.04em; color:var(--e-global-color-lcab2d9e) } /* «SOLO 1 PEZZO», sotto il selettore. Compare solo quando premi «+» e hai gia' preso tutto quello che c'e', e sparisce da sola dopo quattro secondi. Prima non succedeva niente e il pulsante sembrava rotto: un tasto che non risponde e non spiega perche' e' peggio di un limite dichiarato. In rosso perche' e' l'unica cosa in quel momento che deve fermarti; piccola perche' non e' un errore tuo, e' un dato del magazzino. */ /* L'ASOLA SI PRENOTA PRIMA — 20/09/2026. L'avviso nasce quando premi «+», quindi finche' non lo premevi non occupava niente e comparendo spostava tutto in basso. Adesso la cella tiene SEMPRE una riga vuota alta 12 con 6 di stacco (il ::after qui sotto), e l'avviso ci si appoggia sopra FUORI DAL FLUSSO: appare e sparisce senza muovere un pixel. PRIMO TENTATIVO SBAGLIATO, 20/09/2026, lo lascio scritto perche' e' un errore facile da rifare: avevo messo l'avviso in ASSOLUTO ancorato al fondo della cella. Ma la cella e' alta quanto la RIGA, e la riga e' alta quanto il titolo piu' lungo — mentre il contenuto e' centrato. Cosi' la distanza dalla scatola cambiava da prodotto a prodotto: piccola dove il titolo stava su una riga, grande dove ne prendeva due. Un ancoraggio a una misura che dipende dal testo di un'altra cella non puo' funzionare. COME FUNZIONA ADESSO: restano tutti e due NEL FLUSSO e si danno il cambio. L'asola vuota c'e' sempre; quando nasce l'avviso vero, l'asola si spegne e lui ne prende il posto con lo stesso stacco e la stessa altezza — 6 + 12. Zero spostamento, e la distanza e' identica ovunque perche' e' la stessa dichiarazione. Il nowrap non e' un vezzo: a 10px in mono con questa spaziatura «MAX 1 PER ORDINE» misura circa 115, e la colonna su telefono e' 124. Ci sta, ma andando a capo l'asola non basterebbe piu'. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-quantity::after{ content:""; display:block; height:12px; margin-top:6px; line-height:1.2 } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-quantity:has(.lc-cc-max)::after{ display:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-max{ display:block; height:12px; margin:6px 0 0; white-space:nowrap; font-family:var(--e-global-typography-lf3cd5c5-font-family),'IBM Plex Mono',monospace; font-size:var(--e-global-typography-lf3cd5c5-font-size); text-transform:var(--e-global-typography-lf3cd5c5-text-transform); font-weight:500; letter-spacing:.12em; line-height:1.2; color:var(--e-global-color-accent) } /* IL FILETTO SOTTO L'ULTIMO PRODOTTO, SOLO QUANDO SERVE. Serve a separare l'ultimo prodotto dalla nota del carrello misto — quindi si disegna soltanto se quella nota c'e' davvero. Senza nota, subito sotto la tabella comincia il coupon, che porta gia' il suo filetto in cima (quello del «divisore sezioni» del pannello): il mio si sommava al suo e si vedevano due righe a due centimetri di distanza, senza niente in mezzo. Il :has() e' esattamente questo: disegna solo se dentro c'e' la nota. Le righe portano la linea SOPRA di se', quindi sotto l'ultima non ce n'era nessuna e la nota del carrello misto galleggiava. L'avevo appoggiata alla riga di servizio che chiude la tabella — quella del pulsante «aggiorna» — ma misurando si scopre che Elementor quella riga la tiene a display:none quando l'aggiornamento e' automatico: un bordo su un elemento che non esiste non disegna niente. Poi l'ho messo sulla scatola, e neanche: la nota del carrello misto nasce DENTRO quella scatola, quindi la linea finiva sotto la nota invece che sopra. Misurato: scatola fino a 842, nota fino a 841. Va sulla TABELLA, che finisce dove finisce l'ultimo prodotto. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table:has(.lc-cc-nota) table{ border-bottom:var(--order-summary-items-divider-weight,1px) solid var(--order-summary-items-divider-color,var(--e-global-color-lc181faa)) } /* IL PREZZO E «RIMUOVI» A FILO DEL BORDO. L'ultima colonna e' larga quanto lo spazio che avanza, e il contenuto dentro stava a sinistra: la cifra finiva a meta' strada invece che in fondo. Si allinea a destra e le si toglie il rientro, cosi' tocca il bordo del blocco come nel prototipo. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-subtotal{ text-align:right; padding-right:0 } /* IL COUPON allineato al resto della colonna: partiva rientrato rispetto alle righe dei prodotti e sembrava appoggiato li' per caso. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .coupon{ padding-left:0; padding-right:0 } /* E IL TESTO DENTRO IL CAMPO allineato a quello della nota. La scatola era gia' a posto; quello che non tornava era la scritta. Misurato: la nota comincia a 20 + 2 di filetto + 16 di rientro = 38; il campo aveva 8 di rientro, quindi la scritta partiva a 30 — otto pixel piu' a sinistra, giusto quanto basta perche' si veda. Il rientro campi del pannello lo farei volentieri, ma quel campo vale per TUTTI i campi del widget, e in questo carrello ce n'e' un altro: la casella della quantita', che e' alta 40 fissi e con 16 di rientro per lato si strozzerebbe. Meglio toccare solo il coupon. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .coupon .input-text{ padding-left:16px; padding-right:16px } /* ═══════════════════════════════════════════════════════════════════════ 11. GLI AVVISI DI WOOCOMMERCE ═══════════════════════════════════════════════════════════════════════ «Carrello aggiornato», «Coupon applicato», gli errori: arrivano col vestito di fabbrica — bordo azzurro, angoli tondi, spunta verde di sistema — e sono l'unica cosa in pagina che non appartiene al progetto. Prendono la stessa forma della banda della spedizione: scatola bianca, bordo inchiostro, barretta verticale colorata a sinistra. Verde quando e' andata bene, rossa quando no. Cosi' un avviso si riconosce per la posizione e per il colore della barretta, non perche' stona. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-message, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-info, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-error{ margin:0 0 24px; padding:16px 24px; border:2px solid var(--e-global-color-lc21b78e); border-radius:0; background:var(--e-global-color-62b34293); box-shadow:inset 5px 0 0 var(--e-global-color-lc5fa446); font-family:var(--e-global-typography-lf8b1c20-font-family),'Archivo',sans-serif; font-size:var(--e-global-typography-lf8b1c20-font-size); line-height:1.5; color:var(--e-global-color-lc21b78e); list-style:none } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-error{ box-shadow:inset 5px 0 0 var(--e-global-color-accent) } /* la spunta e la «i» di sistema: via, la barretta dice gia' tutto */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-message::before, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-info::before, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-error::before{ display:none } /* il pulsante «continua lo shopping» che a volte ci si infila dentro */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .woocommerce-message .button{ float:none; margin-left:16px } /* ═══════════════════════════════════════════════════════════════════════ 12. TABLET E TELEFONO — LA RIGA PRODOTTO RESTA UNA RIGA ═══════════════════════════════════════════════════════════════════════ Sotto i 768 WooCommerce smonta la tabella del carrello: ogni cella diventa una fascia a tutta larghezza e sopra ognuna riaccende l'etichetta della colonna — PRODOTTO:, QUANTITA':, SUBTOTALE: — che su schermo largo stava nell'intestazione. La miniatura la spegne del tutto. Risultato: tre fasce impilate per ogni prodotto, senza immagine, e un carrello da due articoli che occupa due schermate. Misurato: a 769 la riga e' ancora una riga, a 768 e' gia' a blocchi. Non c'e' un campo del pannello che lo disattivi: e' un foglio di WooCommerce, non un'opzione del widget. Si rifa' qui. La riga torna una griglia — le celle di una tabella dentro una griglia diventano blocchi da sole, quindi quello che avevo gia' spento (il prezzo unitario, la ×) resta spento senza doverlo ripetere. */ @media (max-width:768px){ /* la riga: griglia, e il filetto e il respiro passano da lei perche' sulle celle si spezzerebbero in corrispondenza degli spazi. Le colonne di quantita' e prezzo sono a misura fissa, non a contenuto: ogni riga e' una griglia per conto suo, quindi con la misura automatica la riga da «€ 139,80» apriva una colonna piu' larga di quella da «€ 49,90» e le caselle ballavano da un prodotto all'altro. 124 e' quanto misura il gruppo −/+, 108 tiene un prezzo fino a quattro cifre. Quello che si stringe e' il titolo: e' la colonna elastica, e due righe di titolo bastano. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item{ display:grid; grid-template-columns:84px minmax(0,1fr) 124px 108px; align-items:center; column-gap:16px; padding:16px 0; border-top:var(--order-summary-items-divider-weight,1px) solid var(--order-summary-items-divider-color,var(--e-global-color-lc181faa)) } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item:first-of-type{ border-top:0 } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item td{ padding:0; border-top:0 } /* IL TESTO A SINISTRA. Quando WooCommerce smonta la tabella spinge tutte le celle a destra, e lo fa con un «!important»: misurato, non lo batte nemmeno uno stile scritto sull'elemento. E' l'unico punto di tutto il foglio dove serve rispondere con la stessa arma. Il prezzo resta fuori dal giro: lui a destra ci deve stare. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item td:not(.product-subtotal){ text-align:left !important } /* le etichette di colonna: le rimette WooCommerce quando impila, e qui non servono piu' perche' le colonne sono tornate al loro posto. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item td::before{ display:none } /* la miniatura torna accesa: e' l'unica cosa che fa riconoscere un gioco a colpo d'occhio, ed e' la prima che WooCommerce spegne. L'«!important» non e' pigrizia, e' l'unica arma che regge. La regola da battere e' di woocommerce-smallscreen.css: .woocommerce #content table.cart .product-thumbnail{display:none} Dentro c'e' un ID — «#content», che il tema Hello Elementor mette sul

. Un id vale piu' di QUALUNQUE numero di classi: la nostra a sette classi e' (0,7,0) e perde contro (1,3,1) senza nemmeno che le classi vengano contate. Misurato il 20/09/2026 spegnendo il foglio dalla console: display passava da none a block. L'alternativa sarebbe infilare «#content» anche da noi, ma il giorno che il tema cambia quel wrapper la nostra smette di agganciare e la loro no — e la miniatura sparirebbe di nuovo. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-thumbnail{ display:block !important; width:84px } } /* Sotto i 700 la riga a quattro colonne non ci sta piu': il nome si riduce a una colonnina. Si passa a due piani e due colonne — copertina | etichette + titolo selettore | prezzo + rimuovi con una regola sola che comanda tutto: LA COPERTINA E IL SELETTORE HANNO LA STESSA LARGHEZZA, 124. Non e' un numero scelto a occhio: e' quanto misura gia' il gruppo meno-numero-piu', e allineare a quello mette in colonna i due bordi verticali che si vedono di piu'. La copertina passa da 64 a 124: e' l'unica cosa che fa riconoscere un gioco a colpo d'occhio, e le immagini arrivano a 300 pixel, quindi anche su uno schermo retina c'e' margine. Costo misurato: 223 pixel a prodotto contro i 199 di prima. Li paga tutti la copertina — la colonna destra ne usa 103 su 124, e quello che avanza e' il motivo per cui il titolo qui puo' prendersi tre righe e le etichette possono andare a capo senza spostare niente. */ @media (max-width:700px){ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item{ grid-template-columns:124px minmax(0,1fr); column-gap:16px; row-gap:14px; align-items:center } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-thumbnail{ grid-column:1; grid-row:1; width:124px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-thumbnail img{ width:124px; height:124px !important } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-name{ grid-column:2; grid-row:1 } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-quantity{ grid-column:1; grid-row:2 } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .cart_item .product-subtotal{ grid-column:2; grid-row:2 } /* tre righe di titolo, che stanno dentro l'altezza della copertina */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .product-name a{ -webkit-line-clamp:3; line-clamp:3 } /* la data d'uscita qui non c'e': la riga delle etichette e' gia' al limite, e su uno schermo cosi' stretto la data e' la prima cosa che si puo' leggere al passo dopo. Resta accesa su tablet e desktop. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-quando{ display:none } /* IL SELETTORE largo quanto la copertina, e i tasti salgono a 40x44: erano i due bersagli piu' piccoli della pagina, e servono a far crescere un ordine. 40 + 40 + 40 piu' i due bordi fa 124 esatti. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity{ display:flex; width:124px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-q{ flex:0 0 40px; width:auto; height:44px } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .quantity .qty{ flex:1 1 auto; width:auto; min-width:0; height:44px; min-height:44px; max-height:44px } /* IL PREZZO PIENO torna in linea con quello che si paga invece che sopra: due righe di cifre piu' il «Rimuovi» sforavano i 44 del selettore e alzavano la riga di dodici pixel per niente. */ .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era, .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era .woocommerce-Price-amount{ display:inline } .elementor-49009 .elementor-element.elementor-element-2fe859b .woocommerce .e-shop-table .lc-cc-era{ margin-right:8px } } /* 8. I TRE PASSI, LE ETICHETTE SUL TELEFONO. QUESTA REGOLA NON HA «.elementor-49009 .elementor-element.elementor-element-2fe859b» DAVANTI, ED E' VOLUTO. La pastiglia dei tre passi non sta dentro questo widget: e' la testata, piu' su nella pagina. Con «.elementor-49009 .elementor-element.elementor-element-2fe859b» la regola resterebbe chiusa qui dentro e non la raggiungerebbe mai. Scritta senza, vale per la pagina intera — che va benissimo, perche' quelle classi esistono solo li'. Sta in questo foglio e non in un riquadro nuovo per una ragione pratica: il CSS di questa pagina lo tieni tutto in un posto solo, e un secondo riquadro in un contenitore e' un posto che fra sei mesi nessuno va a cercare. LA STESSA REGOLA STA ANCHE NELL'ALTRO FOGLIO (CHECKOUT-widget.css): la pastiglia c'e' su tutte e due le pagine, e sono due copie separate — verificato il 17/09/2026, gli id dei widget sono diversi. Se la cambi qui, cambiala anche li'. Cosa risolve. Misurato il 17/09 a 390 con tutte e tre le etichette visibili: la riga ci sta nei 350 disponibili (i tre passi sono 112 + 123 + 111 = 346), ma l'altezza passa da 46 a 67 perche' «CARRELLO» e «CONFERMA» cadono sotto il loro numero mentre «CHECKOUT» resta in linea — la sua cella e' undici pixel piu' larga. Una pastiglia con due passi impilati e uno no. A 10px stanno tutti e tre su un rigo: altezza di nuovo 46. DAL PANNELLO NON SI PUO': «etichetta 01» e «etichetta 03» prendono la tipografia dal global «IBM Plex Mono 12», e un global non si scavalca per singolo dispositivo — o lo si stacca, e quei due widget smettono di seguirlo per sempre, o si scrive questa riga. Qui si tocca SOLO la misura: il peso 600 di «etichetta 02», che segna il passo in cui sei, resta dov'e' (verificato: 10px e peso 600). Le cinque classi non sono un vezzo: la tipografia di ogni widget Elementor la scrive con quattro, e a parita' vincerebbe chi capita dopo. Con cinque non e' piu' una questione di ordine. RESTA UNA COSA DAL PANNELLO, e il CSS non la puo' fare: «etichetta 02» e «etichetta 03» hanno acceso Avanzate > Reattivo > Nascondi su mobile, «etichetta 01» no. Vanno spenti tutti e due, su tutte e due le pagine. Con quelli accesi qui non c'e' niente da rimpicciolire. E I TRE PASSI DEVONO ESSERE LARGHI UGUALI, sennò il 10px non basta. Misurato: da soli i tre passi si prendono la larghezza che gli serve, e quello di mezzo e' sempre il piu' largo (il numero 02 sta accanto a «CHECKOUT» anche quando gli altri due non ci stanno piu'). Risultato sotto i 380: due passi impilati e uno no, che e' l'unica versione davvero brutta delle tre possibili. A terzi uguali il comportamento diventa lo stesso per tutti: 384 in su i tre su un rigo, riga alta 46 375 in giu' i tre impilati, numero sopra e parola sotto, alta 65 Non e' un compromesso al ribasso: impilati e pari e' ordinato, era il misto a essere sghembo. Provato a togliere aria dentro i passi per recuperare i 375 — spazio fra numero e parola da 9 a 6, rientro da 12 a 10: NON basta, il disavanzo non e' li'. Misurato, non dedotto. */ @media (max-width:767px){ .lc-fpassi .lc-fpasso{ flex:1 1 0%; min-width:0 } .lc-fpassi .lc-fpasso .elementor-element.lc-fpasso-t .elementor-heading-title{ font-size:10px } }/* End custom CSS */