galali-shoptet 1.0.12 → 1.0.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "galali-shoptet",
-  "version": "1.0.12",
+  "version": "1.0.14",
   "description": "Custom CSS for Galali Shoptet theme (designshop.galali.cz)",
   "main": "style.css",
   "style": "style.css",

package/style.css

@@ -685,6 +685,10 @@ header#header nav#navigation ul.menu-level-3 > li > a:focus {
     background: var(--gl-surface-alt);
 }
 
+body.in-registrace main#content.content.narrow {
+    max-width: 790px !important;
+}
+
 /* Row + wide-carousel: vynulovat Shoptet container, sjednotit šířku */
 .content-wrapper.homepage-box.before-carousel .row.banners-row,
 .content-wrapper.homepage-box.before-carousel .wide-carousel {
@@ -1337,10 +1341,14 @@ main.content > .products.products-block > .product .price-final strong {
     main.content > .products.products-block > .product .price-final { font-size: 18px; line-height: 22px; }
 }
 @media (max-width: 767px) {
+    :root {
+        --gl-gutter: 20px;
+    }
     /* #2: base má padding 0 var(--gl-gutter)(=60px) !important → na mobilu úzké uprostřed.
        Roztáhnout na (skoro) plnou šířku. */
     main.content,
     main.content:not(.wide) { padding: 0 12px !important; }
+    body:not(.in-index) main#content.content { padding: 0 20px !important; }
     /* #4: oddělit produkty (Akční/Novinky) od sekce "Nakupte podle kategorií" nad i patičky pod */
     main.content { margin: 48px 0 72px !important; }
     main.content > .products.products-block > .product a.name { min-height: 38px; }
@@ -2673,7 +2681,7 @@ body.type-detail .p-short-description p:last-child { margin-bottom: 0; }
 
 /* "Detailní informace" link */
 body.type-detail [data-testid="productCardDescr"] a,
-body.type-detail .chevron-after.chevron-down-after {
+body.type-detail .content-wrapper .chevron-after.chevron-down-after {
     display: inline-flex;
     align-items: center;
     gap: 8px;
@@ -2685,9 +2693,9 @@ body.type-detail .chevron-after.chevron-down-after {
     text-underline-offset: 4px;
     transition: opacity .15s;
 }
-body.type-detail [data-testid="productCardDescr"] a:hover,
-body.type-detail .chevron-after.chevron-down-after:hover { opacity: .65; }
-body.type-detail .chevron-after.chevron-down-after::after {
+body.type-detail .content-wrapper [data-testid="productCardDescr"] a:hover,
+body.type-detail .content-wrapper .chevron-after.chevron-down-after:hover { opacity: .65; }
+body.type-detail .content-wrapper .chevron-after.chevron-down-after::after {
     content: "";
     display: inline-block;
     width: 10px;
@@ -2696,17 +2704,17 @@ body.type-detail .chevron-after.chevron-down-after::after {
 }
 
 /* Variants / amount / add-to-cart form */
-body.type-detail .p-info-wrapper .amount,
-body.type-detail .amount-wrapper {
+body.type-detail .content-wrapper .p-info-wrapper .amount,
+body.type-detail .content-wrapper .amount-wrapper {
     display: flex;
     align-items: center;
     gap: 14px;
     margin: 0;
     padding: 0;
 }
-body.type-detail .amount-input-wrapper,
-body.type-detail .amount input[type="number"],
-body.type-detail input.amount {
+body.type-detail .content-wrapper .amount-input-wrapper,
+body.type-detail .content-wrapper .amount input[type="number"],
+body.type-detail .content-wrapper input.amount {
     display: inline-flex;
     align-items: center;
     width: 110px;
@@ -2719,11 +2727,11 @@ body.type-detail input.amount {
     font-size: 18px;
     text-align: center;
 }
-body.type-detail .amount input[type="number"]:focus { outline: none; border-color: var(--gl-fg-1); }
+body.type-detail .content-wrapper .amount input[type="number"]:focus { outline: none; border-color: var(--gl-fg-1); }
 
 /* Add to cart button (jen button, ne wrapper) */
-body.type-detail button.add-to-cart-button,
-body.type-detail #addToCart {
+body.type-detail .content-wrapper button.add-to-cart-button,
+body.type-detail .content-wrapper #addToCart {
     display: inline-flex;
     align-items: center;
     justify-content: center;
@@ -2743,16 +2751,16 @@ body.type-detail #addToCart {
     cursor: pointer;
     transition: background .15s, color .15s, transform .12s;
 }
-body.type-detail button.add-to-cart-button:hover,
-body.type-detail #addToCart:hover { background: #1a1a1a; }
-body.type-detail button.add-to-cart-button:focus-visible,
-body.type-detail #addToCart:focus-visible {
+body.type-detail .content-wrapper button.add-to-cart-button:hover,
+body.type-detail .content-wrapper #addToCart:hover { background: #1a1a1a; }
+body.type-detail .content-wrapper button.add-to-cart-button:focus-visible,
+body.type-detail .content-wrapper #addToCart:focus-visible {
     outline: 2px solid var(--gl-fg-1);
     outline-offset: 3px;
 }
 
 /* Social/share/print row */
-body.type-detail .social-buttons-wrapper {
+body.type-detail .content-wrapper .social-buttons-wrapper {
     display: flex;
     align-items: center;
     gap: 16px;
@@ -2760,13 +2768,13 @@ body.type-detail .social-buttons-wrapper {
     padding: 12px 0 0;
     border-top: 1px solid var(--gl-divider);
 }
-body.type-detail .social-buttons-wrapper .link-icons {
+body.type-detail .content-wrapper .social-buttons-wrapper .link-icons {
     display: flex;
     align-items: center;
     gap: 22px;
     flex-wrap: wrap;
 }
-body.type-detail .link-icon {
+body.type-detail .content-wrapper .link-icon {
     display: inline-flex;
     align-items: center;
     gap: 8px;
@@ -2779,33 +2787,33 @@ body.type-detail .link-icon {
     background: transparent !important;
     transition: color .15s;
 }
-body.type-detail .link-icon::before {
+body.type-detail .content-wrapper .link-icon::before {
     content: "";
     display: inline-block;
     width: 16px;
     height: 16px;
     background: center/contain no-repeat;
 }
-body.type-detail .link-icon.print::before {
+body.type-detail .content-wrapper .link-icon.print::before {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23828282' stroke-width='1.4'><path d='M4 4V1h8v3M4 11h8v4H4zM2 4h12v7H2z'/></svg>");
 }
-body.type-detail .link-icon.chat::before {
+body.type-detail .content-wrapper .link-icon.chat::before {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23828282' stroke-width='1.4'><path d='M2 3h12v8H7l-3 3v-3H2z'/></svg>");
 }
-body.type-detail .link-icon.share::before {
+body.type-detail .content-wrapper .link-icon.share::before {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23828282' stroke-width='1.4'><circle cx='4' cy='8' r='2'/><circle cx='12' cy='3' r='2'/><circle cx='12' cy='13' r='2'/><path d='m6 7 4-3M6 9l4 3'/></svg>");
 }
-body.type-detail .link-icon:hover { color: var(--gl-fg-1); }
-body.type-detail .link-icon:hover::before { filter: brightness(0); }
-body.type-detail .link-icon:focus-visible {
+body.type-detail .content-wrapper .link-icon:hover { color: var(--gl-fg-1); }
+body.type-detail .content-wrapper .link-icon:hover::before { filter: brightness(0); }
+body.type-detail .content-wrapper .link-icon:focus-visible {
     outline: 2px solid var(--gl-fg-1);
     outline-offset: 4px;
 }
 
 /* Detail tabs (Popis / Diskuze) */
-body.type-detail .product-tabs,
-body.type-detail .tabs,
-body.type-detail ul.nav-tabs {
+body.type-detail .content-wrapper .product-tabs,
+body.type-detail .content-wrapper .tabs,
+body.type-detail .content-wrapper ul.nav-tabs {
     display: flex !important;
     gap: 0;
     margin: 56px 0 0 !important;
@@ -2814,18 +2822,18 @@ body.type-detail ul.nav-tabs {
     border: 0 !important;
     border-bottom: 1px solid var(--gl-divider) !important;
 }
-body.type-detail .product-tabs > li,
-body.type-detail .tabs > li,
-body.type-detail ul.nav-tabs > li {
+body.type-detail .content-wrapper .product-tabs > li,
+body.type-detail .content-wrapper .tabs > li,
+body.type-detail .content-wrapper ul.nav-tabs > li {
     margin: 0 !important;
     padding: 0 !important;
     background: transparent !important;
     border: 0 !important;
     list-style: none;
 }
-body.type-detail .product-tabs > li > a,
-body.type-detail .tabs > li > a,
-body.type-detail ul.nav-tabs > li > a {
+body.type-detail .content-wrapper .product-tabs > li > a,
+body.type-detail .content-wrapper .tabs > li > a,
+body.type-detail .content-wrapper ul.nav-tabs > li > a {
     display: inline-flex;
     align-items: center;
     padding: 16px 24px !important;
@@ -2841,26 +2849,26 @@ body.type-detail ul.nav-tabs > li > a {
     border-radius: 0 !important;
     transition: color .15s, border-color .15s;
 }
-body.type-detail .product-tabs > li.active > a,
-body.type-detail .product-tabs > li > a.active,
-body.type-detail .tabs > li.active > a,
-body.type-detail ul.nav-tabs > li.active > a {
+body.type-detail .content-wrapper .product-tabs > li.active > a,
+body.type-detail .content-wrapper .product-tabs > li > a.active,
+body.type-detail .content-wrapper .tabs > li.active > a,
+body.type-detail .content-wrapper ul.nav-tabs > li.active > a {
     color: var(--gl-fg-1) !important;
     border-bottom-color: var(--gl-fg-1) !important;
 }
-body.type-detail .product-tabs > li > a:hover,
-body.type-detail .tabs > li > a:hover {
+body.type-detail .content-wrapper .product-tabs > li > a:hover,
+body.type-detail .content-wrapper .tabs > li > a:hover {
     color: var(--gl-fg-1) !important;
 }
-body.type-detail .product-tabs > li > a:focus-visible,
-body.type-detail .tabs > li > a:focus-visible {
+body.type-detail .content-wrapper .product-tabs > li > a:focus-visible,
+body.type-detail .content-wrapper .tabs > li > a:focus-visible {
     outline: 2px solid var(--gl-fg-1);
     outline-offset: -2px;
 }
 
 /* Tab panels */
-body.type-detail .tab-content,
-body.type-detail .tab-pane {
+body.type-detail .content-wrapper .tab-content,
+body.type-detail .content-wrapper .tab-pane {
     margin: 0;
     padding: 32px 0;
     background: transparent;
@@ -2870,8 +2878,8 @@ body.type-detail .tab-pane {
     line-height: 1.7;
     color: var(--gl-fg-1);
 }
-body.type-detail .tab-content h2,
-body.type-detail .tab-content h3 {
+body.type-detail .content-wrapper .tab-content h2,
+body.type-detail .content-wrapper .tab-content h3 {
     font-family: var(--gl-font-ui);
     font-size: 28px;
     line-height: 1.2;
@@ -2879,23 +2887,23 @@ body.type-detail .tab-content h3 {
     margin: 0 0 20px;
     color: var(--gl-fg-1);
 }
-body.type-detail .tab-content p { margin: 0 0 16px; }
-body.type-detail .tab-content a {
+body.type-detail .content-wrapper .tab-content p { margin: 0 0 16px; }
+body.type-detail .content-wrapper .tab-content a {
     color: var(--gl-fg-1);
     text-decoration: underline;
     text-underline-offset: 3px;
 }
 
 /* Related / similar products under detail */
-body.type-detail .related-products,
-body.type-detail .similar-products,
-body.type-detail .also-bought-products {
+body.type-detail .content-wrapper .related-products,
+body.type-detail .content-wrapper .similar-products,
+body.type-detail .content-wrapper .also-bought-products {
     margin: 80px 0 0;
     padding: 0;
 }
-body.type-detail .related-products h2,
-body.type-detail .related-products .h2,
-body.type-detail .similar-products h2 {
+body.type-detail .content-wrapper .related-products h2,
+body.type-detail .content-wrapper .related-products .h2,
+body.type-detail .content-wrapper .similar-products h2 {
     margin: 0 0 32px;
     padding: 0;
     font-family: var(--gl-font-ui);
@@ -2904,8 +2912,8 @@ body.type-detail .similar-products h2 {
     font-weight: var(--gl-w-bold);
     color: var(--gl-fg-1);
 }
-body.type-detail .related-products .products,
-body.type-detail .similar-products .products {
+body.type-detail .content-wrapper .related-products .products,
+body.type-detail .content-wrapper .similar-products .products {
     display: grid !important;
     grid-template-columns: repeat(4, 1fr);
     column-gap: 40px;
@@ -2917,39 +2925,39 @@ body.type-detail .similar-products .products {
 
 /* Responsive detail */
 @media (max-width: 1023px) {
-    body.type-detail main#content { padding: 0 32px 96px !important; }
-    body.type-detail .row.product-top {
+    body.type-detail .content-wrapper main#content { padding: 0 32px 96px !important; }
+    body.type-detail .content-wrapper .row.product-top {
         grid-template-columns: 1fr;
         gap: 32px;
     }
-    body.type-detail .p-detail-inner-header h1 { font-size: 36px; line-height: 40px; }
-    body.type-detail .p-final-price-wrapper strong.price-final,
-    body.type-detail strong.price-final { font-size: 32px; line-height: 36px; }
-    body.type-detail .related-products .products,
-    body.type-detail .similar-products .products { grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 36px; }
+    body.type-detail .content-wrapper .p-detail-inner-header h1 { font-size: 36px; line-height: 40px; }
+    body.type-detail .content-wrapper .p-final-price-wrapper strong.price-final,
+    body.type-detail .content-wrapper strong.price-final { font-size: 32px; line-height: 36px; }
+    body.type-detail .content-wrapper .related-products .products,
+    body.type-detail .content-wrapper .similar-products .products { grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 36px; }
 }
 @media (max-width: 767px) {
-    body.type-detail main#content { padding: 0 20px 64px !important; }
-    body.type-detail .p-detail-inner-header { margin-bottom: 20px; }
-    body.type-detail .p-detail-inner-header h1 { font-size: 28px; line-height: 32px; }
-    body.type-detail .p-final-price-wrapper strong.price-final,
-    body.type-detail strong.price-final { font-size: 26px; line-height: 30px; }
-    body.type-detail .add-to-cart,
-    body.type-detail #addToCart { width: 100%; min-width: 0; height: 48px; font-size: 15px; }
-    body.type-detail .amount-input-wrapper,
-    body.type-detail .amount input[type="number"],
-    body.type-detail input.amount { width: 90px; height: 48px; }
-    body.type-detail .product-tabs > li > a,
-    body.type-detail .tabs > li > a,
-    body.type-detail ul.nav-tabs > li > a { padding: 12px 16px !important; font-size: 14px; }
-    body.type-detail .tab-content { padding: 24px 0; font-size: 15px; }
-    body.type-detail .social-buttons-wrapper .link-icons { gap: 14px; }
-    body.type-detail .related-products,
-    body.type-detail .similar-products { margin-top: 48px; }
-    body.type-detail .related-products h2,
-    body.type-detail .similar-products h2 { font-size: 22px; line-height: 26px; }
-    body.type-detail .related-products .products,
-    body.type-detail .similar-products .products { grid-template-columns: repeat(2, 1fr); column-gap: 12px; row-gap: 24px; }
+    body.type-detail .content-wrapper main#content { padding: 0 20px 64px !important; }
+    body.type-detail .content-wrapper .p-detail-inner-header { margin-bottom: 20px; }
+    body.type-detail .content-wrapper .p-detail-inner-header h1 { font-size: 28px; line-height: 32px; }
+    body.type-detail .content-wrapper .p-final-price-wrapper strong.price-final,
+    body.type-detail .content-wrapper strong.price-final { font-size: 26px; line-height: 30px; }
+    body.type-detail .content-wrapper .add-to-cart,
+    body.type-detail .content-wrapper #addToCart { width: 100%; min-width: 0; height: 48px; font-size: 15px; }
+    body.type-detail .content-wrapper .amount-input-wrapper,
+    body.type-detail .content-wrapper .amount input[type="number"],
+    body.type-detail .content-wrapper input.amount { width: 90px; height: 48px; }
+    body.type-detail .content-wrapper .product-tabs > li > a,
+    body.type-detail .content-wrapper .tabs > li > a,
+    body.type-detail .content-wrapper ul.nav-tabs > li > a { padding: 12px 16px !important; font-size: 14px; }
+    body.type-detail .content-wrapper .tab-content { padding: 24px 0; font-size: 15px; }
+    body.type-detail .content-wrapper .social-buttons-wrapper .link-icons { gap: 14px; }
+    body.type-detail .content-wrapper .related-products,
+    body.type-detail .content-wrapper .similar-products { margin-top: 48px; }
+    body.type-detail .content-wrapper .related-products h2,
+    body.type-detail .content-wrapper .similar-products h2 { font-size: 22px; line-height: 26px; }
+    body.type-detail .content-wrapper .related-products .products,
+    body.type-detail .content-wrapper .similar-products .products { grid-template-columns: repeat(2, 1fr); column-gap: 12px; row-gap: 24px; }
 }
 
 /* ============================================ */
@@ -3852,7 +3860,7 @@ body.ordering-process .order-confirm a:hover { opacity: .65; }
 /* Form-group + smart-label-wrapper (label nad/u inputu) */
 .box .form-group,
 .box .form-group-wrapped {
-    margin: 0 0 16px;
+    margin: 0 0 16px 20px;
     padding: 0;
     position: relative;
 }
@@ -3969,6 +3977,17 @@ body.ordering-process .form-control:focus-visible {
     border-radius: 50%;
     transition: border-color .15s, background .15s;
     flex-shrink: 0;
+    left: 16px;
+}
+:where(.ums_forms_redesign--off) input[type=checkbox]+label, :where(.ums_forms_redesign--off) input[type=radio]+label
+ {
+    display: inline-block;
+    line-height: 20px !important;
+    margin-right: 15px !important;
+    padding-left: 21px !important;
+    position: relative;
+    padding-bottom: 14px !important;
+    padding-top: 14px !important;
 }
 .shipping-billing-table .radio-wrapper.active label::before,
 .shipping-billing-table .radio-wrapper:has(input:checked) label::before {
@@ -4550,11 +4569,11 @@ button.btn-conversion.next-step-finish::after {
 }
 body.ordering-process button#submit-order .order-button-text,
 button.next-step-finish .order-button-text {
-    font-size: 15px !important;
+    font-size: 19px !important;
     font-weight: var(--gl-w-medium) !important;
     text-transform: uppercase !important;
     letter-spacing: 0.08em !important;
-    line-height: 1.1 !important;
+    line-height: 2.1 !important;
 }
 body.ordering-process button#submit-order .order-button-suffix,
 button.next-step-finish .order-button-suffix {
@@ -5189,7 +5208,7 @@ h4.order-icon.order-summary,
 .box-headline.order-icon,
 .shipping-billing-table h4.order-icon {
     background-image: none !important;
-    padding-left: 0 !important;
+    padding-left: 20px !important;
 }
 h4.order-icon::before,
 h4.order-icon::after {
@@ -6024,7 +6043,7 @@ body.type-detail .p-detail-info {
 }
 
 /* --- Quantity stepper: rámeček + +/- buttony --- */
-body.type-detail span.quantity {
+body.type-detail .content span.quantity {
     display: inline-flex !important;
     align-items: stretch !important;
     height: 52px;
@@ -6035,14 +6054,14 @@ body.type-detail span.quantity {
     isolation: isolate;
     padding: 0 !important;
 }
-body.type-detail span.quantity > label {
+body.type-detail .content span.quantity > label {
     display: flex !important;
     align-items: center;
     order: 2;
     margin: 0 !important;
     padding: 0 !important;
 }
-body.type-detail span.quantity input.amount {
+body.type-detail .content span.quantity input.amount {
     width: 56px !important;
     height: 50px !important;
     border: 0 !important;
@@ -6052,39 +6071,39 @@ body.type-detail span.quantity input.amount {
     font-size: 16px !important;
     font-weight: var(--gl-w-medium) !important;
     line-height: 50px !important;
-    -moz-appearance: textfield !important;
     -webkit-appearance: none !important;
     appearance: none !important;
+    -moz-appearance: textfield !important;
     padding: 0 !important;
     margin: 0 !important;
     box-sizing: border-box !important;
     color: var(--gl-fg-1) !important;
     overflow: hidden !important;
 }
-body.type-detail span.quantity label {
+body.type-detail .content span.quantity label {
     overflow: hidden !important;
     position: relative !important;
     background: var(--gl-white);
 }
-body.type-detail span.quantity input.amount::-webkit-outer-spin-button,
-body.type-detail span.quantity input.amount::-webkit-inner-spin-button,
-body.type-detail input[type="number"]::-webkit-outer-spin-button,
-body.type-detail input[type="number"]::-webkit-inner-spin-button {
+body.type-detail .content span.quantity input.amount::-webkit-outer-spin-button,
+body.type-detail .content span.quantity input.amount::-webkit-inner-spin-button,
+body.type-detail .content input[type="number"]::-webkit-outer-spin-button,
+body.type-detail .content input[type="number"]::-webkit-inner-spin-button {
     -webkit-appearance: none !important;
     appearance: none !important;
     margin: 0 !important;
     display: none !important;
 }
-body.type-detail input[type="number"] {
+body.type-detail .content input[type="number"] {
     -moz-appearance: textfield !important;
     appearance: textfield !important;
 }
-body.type-detail span.quantity input.amount:focus {
+body.type-detail .content span.quantity input.amount:focus {
     outline: none;
     box-shadow: inset 0 0 0 2px var(--gl-fg-1);
 }
-body.type-detail span.quantity button.increase,
-body.type-detail span.quantity button.decrease {
+body.type-detail .content span.quantity button.increase,
+body.type-detail .content span.quantity button.decrease {
     display: inline-flex !important;
     align-items: center;
     justify-content: center;
@@ -6108,32 +6127,37 @@ body.type-detail span.quantity button.decrease {
     transition: background-color .15s, color .15s;
     flex: 0 0 auto !important;
 }
-body.type-detail span.quantity button.decrease { order: 1; border-right: 1px solid var(--gl-stroke-1) !important; }
-body.type-detail span.quantity button.increase { order: 3; border-left: 1px solid var(--gl-stroke-1) !important; }
-body.type-detail span.quantity button.increase:hover,
-body.type-detail span.quantity button.decrease:hover {
+body.type-detail .content span.quantity button.increase:before,
+body.type-detail .content span.quantity button.decrease:before {
+    content: none !important;
+    display: none !important;
+}
+body.type-detail .content span.quantity button.decrease { order: 1; border-right: 1px solid var(--gl-stroke-1) !important; }
+body.type-detail .content span.quantity button.increase { order: 3; border-left: 1px solid var(--gl-stroke-1) !important; }
+body.type-detail .content span.quantity button.increase:hover,
+body.type-detail .content span.quantity button.decrease:hover {
     background: var(--gl-fg-1) !important;
     color: var(--gl-white) !important;
 }
-body.type-detail span.quantity button.increase:focus-visible,
-body.type-detail span.quantity button.decrease:focus-visible {
+body.type-detail .content span.quantity button.increase:focus-visible,
+body.type-detail .content span.quantity button.decrease:focus-visible {
     outline: 2px solid var(--gl-fg-1);
     outline-offset: 2px;
     z-index: 1;
 }
-body.type-detail span.quantity button.increase:disabled,
-body.type-detail span.quantity button.decrease:disabled,
-body.type-detail span.quantity button.increase[disabled],
-body.type-detail span.quantity button.decrease[disabled] {
+body.type-detail .content span.quantity button.increase:disabled,
+body.type-detail .content span.quantity button.decrease:disabled,
+body.type-detail .content span.quantity button.increase[disabled],
+body.type-detail .content span.quantity button.decrease[disabled] {
     background: var(--gl-white) !important;
     color: var(--gl-fg-2) !important;
     opacity: 0.4;
     cursor: not-allowed;
 }
-body.type-detail span.quantity button.increase span,
-body.type-detail span.quantity button.decrease span,
-body.type-detail span.quantity .increase__sign,
-body.type-detail span.quantity .decrease__sign {
+body.type-detail .content span.quantity button.increase span,
+body.type-detail .content span.quantity button.decrease span,
+body.type-detail .content span.quantity .increase__sign,
+body.type-detail .content span.quantity .decrease__sign {
     position: static !important;
     top: auto !important;
     left: auto !important;
@@ -6150,13 +6174,13 @@ body.type-detail span.quantity .decrease__sign {
     display: inline-block !important;
 }
 /* Hide vendor tooltips inside quantity (anywhere, vč. ::before/::after) */
-body.type-detail span.quantity > .increase-tooltip,
-body.type-detail span.quantity > .decrease-tooltip,
-body.type-detail span.quantity .js-increase-tooltip,
-body.type-detail span.quantity .js-decrease-tooltip,
-body.type-detail span.quantity [role="tooltip"],
-body.type-detail span.quantity [data-trigger="manual"],
-body.type-detail span.quantity [data-testid="tooltip"] {
+body.type-detail .content span.quantity > .increase-tooltip,
+body.type-detail .content span.quantity > .decrease-tooltip,
+body.type-detail .content span.quantity .js-increase-tooltip,
+body.type-detail .content span.quantity .js-decrease-tooltip,
+body.type-detail .content span.quantity [role="tooltip"],
+body.type-detail .content span.quantity [data-trigger="manual"],
+body.type-detail .content span.quantity [data-testid="tooltip"] {
     display: none !important;
     visibility: hidden !important;
     width: 0 !important;
@@ -6166,19 +6190,19 @@ body.type-detail span.quantity [data-testid="tooltip"] {
     left: -99999px !important;
     overflow: hidden !important;
 }
-body.type-detail span.quantity > .increase-tooltip::before,
-body.type-detail span.quantity > .increase-tooltip::after,
-body.type-detail span.quantity > .decrease-tooltip::before,
-body.type-detail span.quantity > .decrease-tooltip::after { content: none !important; display: none !important; }
+body.type-detail .content span.quantity > .increase-tooltip::before,
+body.type-detail .content span.quantity > .increase-tooltip::after,
+body.type-detail .content span.quantity > .decrease-tooltip::before,
+body.type-detail .content span.quantity > .decrease-tooltip::after { content: none !important; display: none !important; }
 
 /* --- Add-to-cart: full-row layout (qty + button na jedné lince) --- */
-body.type-detail div.add-to-cart {
+body.type-detail .content div.add-to-cart {
     margin: 4px 0 0 !important;
     align-items: stretch !important;
     justify-content: flex-start !important;
     flex-wrap: nowrap !important;
 }
-body.type-detail div.add-to-cart button.add-to-cart-button {
+body.type-detail .content div.add-to-cart button.add-to-cart-button {
     flex: 1 1 auto !important;
     min-width: 0 !important;
     width: auto !important;
@@ -6186,7 +6210,7 @@ body.type-detail div.add-to-cart button.add-to-cart-button {
     position: relative;
     padding: 0 56px 0 24px !important;
 }
-body.type-detail div.add-to-cart button.add-to-cart-button::after {
+body.type-detail .content div.add-to-cart button.add-to-cart-button::after {
     content: "";
     position: absolute;
     right: 24px;
@@ -6197,15 +6221,15 @@ body.type-detail div.add-to-cart button.add-to-cart-button::after {
     background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='square'><path d='M0 6h16'/><path d='M11 1l5 5-5 5'/></svg>") center/contain no-repeat;
     transition: transform .15s, background-image .15s;
 }
-body.type-detail div.add-to-cart button.add-to-cart-button:hover::after {
+body.type-detail .content div.add-to-cart button.add-to-cart-button:hover::after {
     transform: translate(3px, -50%);
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='square'><path d='M0 6h16'/><path d='M11 1l5 5-5 5'/></svg>");
 }
 
 /* --- Detail short description: schovat (design nemá pod cenou) --- */
-body.type-detail .p-info-wrapper .chevron-after.chevron-down-after,
-body.type-detail .p-info-wrapper [data-testid="productCardDescr"],
-body.type-detail .p-info-wrapper .p-short-description,
+body.type-detail .content .p-info-wrapper .chevron-after.chevron-down-after,
+body.type-detail .content .p-info-wrapper [data-testid="productCardDescr"],
+body.type-detail .content .p-info-wrapper .p-short-description,
 body.type-detail .p-info-wrapper [itemprop="description"] {
     display: none !important;
 }
@@ -6689,6 +6713,8 @@ body.type-detail .content-wrapper-in {
 #cart-widget .cart-widget-products,
 .cart-widget .cart-widget-products {
     overflow-x: hidden !important;
+    padding-left:5px !important;
+    padding-right:5px !important;
 }
 #cart-widget .cart-widget-products-inner,
 #cart-widget .cart-widget-product {
@@ -7053,7 +7079,7 @@ body.type-detail span.quantity input[type="number"]::-webkit-outer-spin-button {
 #cart-widget .cart-widget-product {
     display: flex !important;
     align-items: center;
-    gap: 14px;
+    gap: 11px;
     width: 100% !important;
     box-sizing: border-box;
     padding: 4px 0;
@@ -7102,19 +7128,29 @@ body.type-detail span.quantity input[type="number"]::-webkit-outer-spin-button {
 #cart-widget .cart-widget-product-delete {
     order: 4;
     flex: 0 0 auto;
+    visibility: visible !important;
 }
 /* Kompaktní stepper ve widgetu (override detail leak) */
 #cart-widget span.quantity {
-    height: 32px !important;
+    height: 35px !important;
     border: 1px solid var(--gl-stroke-1) !important;
     width: auto !important;
+    overflow: hidden;
+}
+.quantity-form .quantity {
+    padding-right: 34px !important;
 }
 #cart-widget span.quantity button.increase,
 #cart-widget span.quantity button.decrease {
-    width: 26px !important;
+width: 17px !important;
     min-width: 26px !important;
-    height: 30px !important;
+    height: 16px !important;
     font-size: 14px !important;
+    display: block;
+    margin: 0 !important;
+}
+.quantity-form .quantity .decrease {
+    top: 16px !important;
 }
 #cart-widget span.quantity > label,
 #cart-widget span.quantity input.amount,