/* Catalogue/related product tiles only; checkout cart and product-detail stepper retain their layout. */
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate { width:132px;height:44px;margin:0;padding:0;border:0;background:none;border-radius:0;grid-template-columns:repeat(3,44px);align-items:center; }
#content ul.producktList > li.crt:not(.itemCart):not(.blog.cart li) .calculate { display:grid; }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate input,#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button { float:none;position:relative;box-sizing:border-box;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#333;text-align:center;font:400 18px/1 Montserrat,sans-serif; }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate input { font-size:18px; }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button::before,#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button::after { position:absolute;top:50%;left:50%;width:16px;height:1px;margin:0;background:#333;transform:translate(-50%,-50%); }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button.plus::after { transform:translate(-50%,-50%) rotate(90deg); }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button:hover { color:#6c9355; }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button:hover::before,#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate button:hover::after { background:#6c9355; }
#content ul.producktList > li:not(.itemCart):not(.blog.cart li) .calculate :is(button,input):focus-visible { outline:2px solid #6c9355;outline-offset:-2px; }

/* Filled checkout cart has its own markup; never borrow catalogue crt rules. */
#content .blog.cart ul.producktList > li.cart-item { display:grid;grid-template-columns:120px minmax(0,1fr) 132px;grid-template-rows:auto auto auto;gap:12px 18px;align-items:center;box-sizing:border-box;width:calc(100% - 20px);min-height:190px;height:auto;margin:10px 10px 24px;padding:18px; }
#content .blog.cart .cart-item > a.img { grid-column:1;grid-row:1 / 4;float:none;width:120px;height:150px;margin:0;padding:0;background-size:contain;background-position:center;background-repeat:no-repeat; }
#content .blog.cart .cart-item > .more { display:contents; }
#content .blog.cart .cart-item .more > a.link { grid-column:2;grid-row:1;position:static;float:none;display:block;width:auto;height:auto;min-height:0;margin:0;padding:0;font-size:14px;line-height:1.4; }
#content .blog.cart .cart-item .more > .rating { grid-column:3;grid-row:1;position:relative;inset:auto;float:none;display:flex;align-items:center;gap:4px;width:auto;max-width:132px;height:auto;min-height:18px;margin:0;padding:0;border:0;justify-self:end; }
#content .blog.cart .cart-item .rating i.counter { position:static;float:none;inset:auto;order:1;margin:0;padding:0;font-size:12px;line-height:18px;white-space:nowrap; }
#content .blog.cart .cart-item .rating:has(.counter.emty) .jq-star ~ .jq-star { display:none; }
#content .blog.cart .cart-item .cart-item-pricing { grid-column:2;grid-row:2;min-width:0; }
#content .blog.cart .cart-item .cart-item-pricing p.price { position:static;float:none;width:auto;height:auto;line-height:1.3;margin:0;padding:0;font-size:24px; }
#content .blog.cart .cart-item .cart-item-pricing p.price.old { display:block;font-size:13px;margin-bottom:3px; }
#content .blog.cart .cart-item .cart-item-pricing p.old.price i { font-size:13px; }
#content .blog.cart .cart-item > .countPrice { grid-column:3;grid-row:2;position:static;float:none;width:auto;margin:0;padding:0;font-size:24px;line-height:1.3;text-align:right; }
#content .blog.cart .cart-item .cart-item-actions { grid-column:2;grid-row:3;display:flex;gap:8px;align-items:center; }
#content .blog.cart ul.producktList > li.cart-item .cart-item-actions > button { position:static;float:none;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;min-width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:0;background-color:transparent;background-position:center;background-size:22px;color:#a18d76;overflow:visible; }
#content .blog.cart .cart-item .cart-item-actions > button.addFavorites span { position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap; }
#content .blog.cart .cart-item .cart-item-actions > button.cartButton.remove { background-image:none; }
#content .blog.cart .cart-item .cart-item-actions > button svg { display:block;float:none;width:22px;height:22px;flex-shrink:0; }
#content .blog.cart .cart-item .cart-item-actions > button svg path { fill:none;stroke:currentColor; }
#content .blog.cart .cart-item .cart-item-actions > button::before,#content .blog.cart .cart-item .cart-item-actions > button::after { display:none;content:none; }
#content .blog.cart .cart-item .cart-item-actions > button:hover { color:#6c9355; }
#content .blog.cart ul.producktList > li.cart-item > .calculate { display:grid;grid-column:3;grid-row:3;grid-template-columns:repeat(3,44px);align-items:center;position:static;float:none;inset:auto;justify-self:end;width:132px;height:44px;margin:0;padding:0;border:0;background:none; }
#content .blog.cart .cart-item > .calculate :is(input,button) { display:block;position:relative;float:none;box-sizing:border-box;inset:auto;width:44px;min-width:44px;height:44px;margin:0;padding:0;border:0;border-radius:0;background:transparent;text-align:center;color:#333;font:400 18px/1 Montserrat,sans-serif; }
#content .blog.cart .cart-item > .calculate button::before,#content .blog.cart .cart-item > .calculate button::after { position:absolute;left:50%;top:50%;width:16px;height:1px;margin:0;transform:translate(-50%,-50%);background:#333; }
#content .blog.cart .cart-item > .calculate button.plus::after { transform:translate(-50%,-50%) rotate(90deg); }
#content .blog.cart .cart-item :is(button,input):focus-visible { outline:2px solid #6c9355;outline-offset:-2px; }
@media(max-width:1279px) and (min-width:691px) {
 #content .blog.cart ul.producktList > li.cart-item { grid-template-columns:90px minmax(0,1fr) 132px;gap:12px;padding:14px; }
 #content .blog.cart .cart-item > a.img { width:90px;height:130px; }
}
@media(max-width:690px) {
 #content .blog.cart ul.producktList > li.cart-item { grid-template-columns:88px minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px 12px;padding:14px; }
 #content .blog.cart .cart-item > a.img { grid-column:1;grid-row:1 / 4;width:88px;height:110px; }
 #content .blog.cart .cart-item .more > a.link { grid-column:2;grid-row:1;font-size:13px; }
 #content .blog.cart .cart-item .more > .rating { grid-column:2;grid-row:2;justify-self:start;max-width:100%; }
 #content .blog.cart .cart-item .cart-item-pricing { grid-column:2;grid-row:3; }
 #content .blog.cart .cart-item > .countPrice { display:none; }
 #content .blog.cart .cart-item .cart-item-actions { grid-column:1;grid-row:4;gap:0; }
 #content .blog.cart ul.producktList > li.cart-item > .calculate { grid-column:2;grid-row:4; }
}

/* Keep mobile checkout total in flow, so it never covers delivery or Next. */
@media(max-width:690px) {
 #content .blog.cart > form > .right { display:flex;flex-direction:column; }
 #content .blog.cart > form > .right > .total { order:-1;position:static;float:none;inset:auto;box-sizing:border-box;width:100%;height:auto;min-height:44px;margin:0 0 12px;padding:12px 16px;border-radius:6px;background:#fff;box-shadow:none; }
 #content .blog.cart > form > .right > .total p.totalOrder { float:none;display:block;margin:0;font-size:22px;line-height:1.3; }
}