.tile-price-panel sup,.tile-box-calculator sup,.sticky-atc__price sup,.sticky-atc__compare-price sup,.sticky-atc__tile-area-unit sup{font-size:.7em;line-height:0}.tile-price-panel{display:block!important;width:100%;margin-top:10px}.tile-price-panel__main{display:grid;grid-template-columns:max-content auto max-content;align-items:stretch;justify-content:start;gap:14px}.tile-price-panel__item{min-width:0}.tile-price-panel__price-row{display:flex;align-items:baseline;gap:5px;color:var(--ut-very-dark-green)}.tile-price-panel__compound-price{display:inline-flex;align-items:baseline;gap:2px}.tile-price-panel__price-row [data-tile-price-per-m2],.tile-price-panel__price-row [data-tile-price-per-box]{font-size:26px;line-height:32px;font-weight:500}.tile-price-panel__unit{font-size:13px;line-height:18px;font-weight:400}.tile-price-panel--on-sale .tile-price-panel__price-row .tile-price-panel__unit{color:var(--ut-watermelon-red)}.tile-price-panel__sub-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:4px}.product-container .product-info .product-price-wrapper.tile-price-panel .product-compare-price{position:relative;display:inline-block;color:var(--ut-medium-green);text-decoration:none}.product-container .product-info .product-price-wrapper.tile-price-panel .product-compare-price:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid currentColor;transform:translateY(-50%);pointer-events:none}.tile-price-panel__divider{display:block;width:1px;min-height:36px;background:#4e805f33}.tile-price-panel__note{margin:6px 0 0!important;color:var(--ut-dark-green);font-size:13px;line-height:20px}@media screen and (max-width:749px){.tile-price-panel__main{gap:8px}.tile-price-panel__price-row [data-tile-price-per-m2],.tile-price-panel__price-row [data-tile-price-per-box]{font-size:22px;line-height:28px}}@media screen and (max-width:324px){.tile-price-panel:not(.tile-price-panel--on-sale) .tile-price-panel__main{grid-template-columns:1fr}.tile-price-panel:not(.tile-price-panel--on-sale) .tile-price-panel__divider{display:none}}@media screen and (min-width:750px)and (max-width:1049px),screen and (max-width:449px){.tile-price-panel--on-sale .tile-price-panel__main{grid-template-columns:1fr}.tile-price-panel--on-sale .tile-price-panel__divider{display:none}}.tile-box-calculator{width:100%;margin-bottom:16px;border:1px solid var(--ut-medium-green);border-radius:8px;background:var(--ut-very-light-green);overflow:hidden}.tile-box-calculator__header{display:flex;justify-content:space-between;gap:16px;padding:14px 16px 10px}.tile-box-calculator__title{margin:0!important;color:var(--ut-very-dark-green);font-size:16px;line-height:22px;font-weight:400}.tile-box-calculator__help,.tile-box-calculator__rounding{color:var(--ut-dark-green);font-size:12px;line-height:18px}.tile-box-calculator__help{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;white-space:nowrap}.tile-box-calculator__help-icon,.tile-box-calculator__rounding-icon{width:14px;height:14px;color:var(--ut-very-dark-green)}.tile-box-calculator__controls{display:grid;grid-template-columns:max-content minmax(180px,1fr);gap:12px;padding:0 16px 14px}.tile-box-calculator__area-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:center;column-gap:3px;width:min(100%,320px);min-height:52px;padding:0 10px 0 16px;border:1px solid var(--ut-medium-green);border-radius:999px;background:#fff}.tile-box-calculator__label{color:var(--ut-very-dark-green);font-size:14px;line-height:20px;font-weight:400;margin-right:8px}.tile-box-calculator__area-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;border:0;border-radius:999px;background:transparent;color:var(--ut-very-dark-green);cursor:pointer}.tile-box-calculator__area-button svg{width:14px;height:14px;color:currentColor}.tile-box-calculator__area-input{width:74px;min-width:0;border:0;background:transparent;color:var(--ut-very-dark-green);font-size:18px;line-height:24px;font-weight:400;text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.tile-box-calculator__area-input::-webkit-outer-spin-button,.tile-box-calculator__area-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.tile-box-calculator__area-input:focus,.tile-box-calculator__area-input:focus-visible{outline:0;box-shadow:none}.tile-box-calculator__unit{color:var(--ut-very-dark-green);font-size:13px;line-height:18px;font-weight:400;text-transform:none}.tile-box-calculator__wastage{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;color:var(--ut-very-dark-green);font-size:14px;line-height:20px;font-weight:400;cursor:pointer}.tile-box-calculator__wastage input{position:absolute;opacity:0;pointer-events:none}.tile-box-calculator__toggle{position:relative;width:48px;height:28px;flex:0 0 48px;border-radius:999px;background:#4e805f40;transition:background-color .2s ease}.tile-box-calculator__toggle:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000002e;transition:transform .2s ease}.tile-box-calculator__wastage input:checked+.tile-box-calculator__toggle{background:var(--ut-dark-green)}.tile-box-calculator__wastage input:checked+.tile-box-calculator__toggle:after{transform:translate(20px)}.tile-box-calculator__rounding{display:flex;align-items:center;gap:6px;padding:8px 16px;border-top:1px solid rgba(78,128,95,.2)}.tile-box-calculator__summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(78,128,95,.2)}.tile-box-calculator__summary>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;text-align:center;color:var(--ut-very-dark-green)}.tile-box-calculator__summary>div+div{border-left:1px solid rgba(78,128,95,.2)}.tile-box-calculator__summary-label{color:var(--ut-dark-green);font-size:12px;line-height:16px}.tile-box-calculator__summary strong{color:var(--ut-dark-green);font-size:18px;line-height:24px;font-weight:400}@media screen and (min-width:750px){.product-container .product-info .add-to-cart-wrapper .tile-box-calculator{flex-basis:100%}}@media screen and (max-width:749px){.tile-box-calculator__header{flex-direction:column;gap:6px}.tile-box-calculator__help{white-space:normal}.tile-box-calculator__area-control{padding-left:12px}}@media screen and (min-width:1100px){.tile-box-calculator__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-box-calculator__area-control{width:100%}}@media screen and (min-width:750px)and (max-width:1099px){.tile-box-calculator__controls{grid-template-columns:1fr;gap:6px;padding-bottom:10px}.tile-box-calculator__area-control{width:min(100%,520px);min-height:44px}.tile-box-calculator__wastage{justify-content:flex-start;min-height:36px}}@media screen and (min-width:500px)and (max-width:749px){.tile-box-calculator__controls{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-box-calculator__area-control{width:100%}.tile-box-calculator__wastage{justify-content:center}}@media screen and (max-width:499px){.tile-box-calculator__controls{grid-template-columns:1fr;gap:6px;padding-bottom:10px}.tile-box-calculator__area-control{width:100%;min-height:44px}.tile-box-calculator__wastage{justify-content:flex-start;min-height:36px}}@media screen and (min-width:750px)and (max-width:799px),screen and (max-width:349px){.tile-box-calculator__summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-box-calculator__summary>div+div{border-top:0;border-left:1px solid rgba(78,128,95,.2)}.tile-box-calculator__summary>div:nth-child(3){grid-column:1 / -1;border-top:1px solid rgba(78,128,95,.2);border-left:0}}.sticky-atc__tile-area{position:relative}.sticky-atc__tile-area .sticky-atc__quantity-input{width:58px}.sticky-atc__tile-area-unit{color:var(--ut-very-dark-green);font-size:12px;line-height:16px;font-weight:400}.sticky-atc__price{display:inline-flex;align-items:baseline;gap:2px}.sticky-atc__compare-price{position:relative;display:inline-block;text-decoration:none}.sticky-atc__compare-price:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid currentColor;transform:translateY(-50%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/58/assets/component-tile-product.css.map */