/* Components */

.quantity.readonly :is(.increase,.decrease) {visibility: hidden;}

/* Header */

@media (min-width: 768px) {
  #navigation {top: initial;transform: initial;width: 100%;margin-left: 0;left: 0;background-color: #f1f1f1;height: 60px;}
  .navigation-in {padding: 0 55px;}
  .menu-helper {top: initial;transform: initial;right: 50px!important;margin-top: 20px;}
  #navigation ul.menu-level-1>li .menu-level-2 {margin-top: 0;margin-left: 0;}
  #navigation ul.menu-level-1>li>a {line-height: 60px;}

  #header.fixed-menu #navigation {height: 60px;}
  #header.fixed-menu #navigation ul.menu-level-1>li>a {line-height: 60px;height: 60px;}
  #navigation ul.menu-level-1>li>a:after, #header.fixed-menu #navigation ul.menu-level-1>li>a:after {bottom: 15px;}

  #carousel .carousel-socials {top: 75px;}

  #header .header-top .site-name-wrapper {margin-right: 30px;}

  #header .search {width: 100%;max-width: 500px;margin: auto;}
  #header .search-form {position: initial;transform: initial;}
  #header .search-form fieldset {display: block;right: initial;}
  #header .search-form fieldset input {opacity: 1;width: 100%;}
  #header .search-toggle {display: none;}
  #header .search-form fieldset button {position: absolute;opacity: 1;}

  .search-whisperer {display: block!important;position: absolute;top: 60px;overflow: auto;max-height: 80vh;}
}

@media (min-width: 1100px) {
  #header .search {width: 100%;max-width: 700px;}
}

/* Category */

.products-block.products .product a.btn, .products-block.products .product button {background-color: #492f24;color: #fff!important;padding: 12px 15px;width: 100%;white-space: nowrap;}
.products-block.products .product a.btn:hover, .products-block.products .product button:hover {background-color: var(--color-primary-hover);color: #fff!important;}
.products-block.products .product .p-bottom {flex-direction: initial;flex-flow: row wrap;}
.products-block.products .product .p-tools {width: 40%;padding-top: 0;}
.products-block.products .product .prices {width: 60%;min-width: 60%;margin-bottom: 0;}
.products-block.products .product .p-desc {order: 10;width: 100%;margin-top: 12px;max-height: 115px;}

@media (max-width: 768px) {
  .products-block.products .product .p-tools {width: 100%;padding-top: 10px;margin-top: 0;}
  .products-block.products .product .prices {width: 100%;min-width: 100%;}
}

.one-column-body .category-title, .one-column-body.type-detail h1, .one-column-body.type-page h1 {padding-top: 20px;}

/* Detail */

.p-detail .product-top .surcharge-list {display: none}
.product-top:has(+ .sacc) {margin-bottom: 5px;}

.sacc {display: flex;flex-flow: column;row-gap:15px;margin-bottom: 25px;container-type: inline-size;}

.sacc-item__header {display:flex;flex-flow: row wrap;padding:10px 10px;background-color: rgba(234, 232, 230, 0.99609375);align-items: center;gap:10px;color:unset;text-decoration: none;border:1px solid transparent;}
.sacc-item.--invalid .sacc-item__header {border-color: #d9534f;}
.sacc-item__header::before {content:"";display:block;background:var(--icon-caret-down--white) #b2b2b2 no-repeat center / 24px;width:35px;height:35px;border-radius: 4px;}
.sacc-item.--expanded .sacc-item__header::before {transform:rotate(180deg);}
.sacc-item__title {display:block;margin-right: auto;color:#333;font-weight: 500;font-size: 15px;}
.sacc-item.--invalid .sacc-item__title {color:#d9534f;}
.sacc-item__deselect-btn {background:#6c757d;color:#fff;appearance: none;border:0;padding:7px 9px;line-height: 1.2;min-height: unset;height:unset;margin:0 !important;}
.sacc-item__selected-price {display: block;color:#000;font-weight: 700;white-space: nowrap;flex:1;max-width: 65px;text-align: right;order: 2;}
.sacc-item:not(.--selected) :is(.sacc-item__deselect-btn, .sacc-item__selected-price, .sacc-item__selected-text) {display: none !important;}
.sacc-item__content {padding-block:15px;background-color:#fafafa;display: flex;flex-flow: column;row-gap:15px;}
.sacc-item:not(.--expanded) .sacc-item__content {display: none;}
.sacc-item__description {margin-bottom: 10px;}
.sacc-item__values {display:grid;grid-template-columns: repeat(var(--columns), 1fr);--columns:4;column-gap:10px;row-gap:20px;}

.sacc-palette {padding-inline: 15px;}
.sacc-palette__header {display:flex;flex-flow: row wrap;padding:10px 10px;background-color: rgba(234, 232, 230, 0.99609375);align-items: center;gap:10px;color:unset;text-decoration: none;border:1px solid transparent;}
.sacc-palette__header::before {content:"";display:block;background:var(--icon-caret-down--white) #b2b2b2 no-repeat center / 15px;width:24px;height:24px;border-radius: 4px;}
.sacc-palette.--expanded .sacc-palette__header::before {transform:rotate(180deg);}
.sacc-palette__title {display:block;margin-right: auto;color:#333;font-weight: 500;font-size: 15px;flex:1;}
.sacc-palette__content {padding-block:15px;background-color:#fafafa;}
.sacc-palette:not(.--expanded) .sacc-palette__content {display: none;}
.sacc-palette__description {margin-bottom: 10px;}
.sacc-palette__values {display:grid;grid-template-columns: repeat(var(--columns), 1fr);--columns:4;column-gap:10px;row-gap:20px;}

.sacc-value {display: flex;flex-flow: column;align-items: center;}
.sacc-value__image {width:60px;height:60px;border:0;margin-bottom: 10px;}
.sacc-value__image img {width:100%;height:100% !important;object-fit: contain;display:block;}
.sacc-value__image.--error {display: none;}
.sacc-value__title {text-align: center;margin-bottom: auto;}
/*.sacc-value__title input[type=radio] {display: unset;position: absolute;}*/
.sacc-value__title input[type=radio]+label {margin-right: 3px;top:-4px;padding-left:20px;}
.sacc-value__prices {margin-top:3px;}
.sacc-value__prices>* {display: block;text-align: center;}
.sacc-value__price.--wo-vat {font-size: 0.9em;}

.sacc-item.--no-images .sacc-item__values {display:flex;flex-flow: column;gap: 5px;padding-inline: 10px;}
.sacc-item.--no-images .sacc-item__values>.sacc-value {flex-flow: row wrap;align-items: baseline;max-width: 500px;}
.sacc-item.--no-images .sacc-item__values>.sacc-value .sacc-value__prices {display: block;margin:0 0 0 auto;}
.sacc-item.--no-images .sacc-item__values>.sacc-value .sacc-value__prices>* {display: inline-block;margin-left: 2ex;}

@container (max-width: 490px) {
  .sacc-item__title {width: calc(100% - 35px - 10px);}
  .sacc-item__selected-text {order: 1;margin-left: auto;}
  .sacc-item__selected-price {flex: unset;max-width: unset;}
}

@container (max-width: 450px) {
  .sacc-item__values {--columns:3;}
  .sacc-palette__values {--columns:3;}

  .sacc-item.--no-images .sacc-item__values {gap: 8px;}
  .sacc-item.--no-images .sacc-item__values>.sacc-value .sacc-value__prices {margin-left: 15px;}
}

@container (max-width: 320px) {
  .sacc-item__values {--columns:2;}
  .sacc-palette__values {--columns:2;}
}

.imp {position: relative;display:inline-block;margin-left: 2px;}
.imp__icon {display:inline-block;background:var(--icon-zoom--gray) no-repeat center / 100%;width:16px;height:16px;position:relative;top:3px;}
.imp__preview {opacity: 1;transition:opacity 0.3s ease-in-out;position: absolute;bottom:calc(100% + 15px);left:50%;background: #fff;width:250px;max-width: 80vw;height:auto;padding:10px;border-radius: 4px;transform:translateX(-50%);border:1px solid gray;}
.imp__preview img {width:100%;}
.imp__preview::before {content:"";display:inline-block;position: absolute;top:100%;left:50%;transform:translateX(-50%);border-width: 10px 10px 0;border-style: solid;width:0;height:0;border-color: transparent;border-top-color: gray;}
.imp__preview::after {content:"";display:inline-block;position: absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-width: 9.5px 9.5px 0;border-style: solid;border-color: transparent;border-top-color: #fff;}
.imp:not(:hover) .imp__preview {opacity:0;pointer-events: none;}

/* Cart */

.cart-table .p-name .main-link-surcharges {display: block;font-size:0.9em;color:#333;margin-top:5px;line-height: 1.4;}
.cart-table .sacc-cart-item__amount span {font-size: 1.3em;font-family:Arial,sans-serif;font-weight: 500;display: inline-block;width:110px;text-align: center;}
.cart-table tr:has(+.sacc-cart-item) {border-bottom: 0;}
.cart-table tr.sacc-cart-item>td {padding-block:0 10px !important;min-height: unset;}

/* Checkout */

.order-summary .cart-item-name .main-link-surcharges {display: block;margin-top:5px;line-height: 1.4;color:#666;}
.order-summary .sacc-cart-item {font-size: 0.9em;display: flex;flex-flow: row wrap;color:#666;padding-bottom: 7px;}
.order-summary .sacc-cart-item:has(+.cart-item) {border-bottom: 1px solid #ededed;padding-bottom: 10px;margin-bottom: 3px;}
.order-summary .sacc-cart-item__description {flex: 1;}
.order-summary .sacc-cart-item__description strong {font-weight: unset;}


:root {
  --icon-caret-down--white: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 256 256'%3E%3Cpath fill='white' d='M128 188a11.962 11.962 0 0 1-8.485-3.515l-80-80a12 12 0 0 1 16.97-16.97L128 159.029l71.515-71.514a12 12 0 0 1 16.97 16.97l-80 80A11.962 11.962 0 0 1 128 188Z'/%3E%3C/svg%3E");
  --icon-zoom--gray: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 256.001 256.001'%3E%3Cpath fill='gray' d='m232.477 215.516-40.678-40.678a96.108 96.108 0 1 0-16.972 16.97l40.679 40.678a12 12 0 1 0 16.97-16.97ZM43.997 116a72 72 0 1 1 72 72 72.081 72.081 0 0 1-72-72Z'/%3E%3C/svg%3E");
}