.dg-ticker-wrap {
background: rgba(49, 119, 15, 0.89);
padding: 11px 0;
overflow: hidden;
white-space: nowrap;
border-top: 1px solid rgba(255,255,255,.08);
border-bottom: 1px solid rgba(255,255,255,.08);
}
.dg-ticker-track {
display: inline-flex;
animation: dgTicker 28s linear infinite;
}
.dg-ticker-track:hover { animation-play-state: paused; }
.dg-ticker-item {
display: inline-flex;
align-items: center;
gap: 8px;
color: rgba(255,255,255,.8);
font: 600 13px 'Manrope', sans-serif;
padding: 0 28px;
}
.dg-dot { color: #EC5727; font-size: 16px; }
@keyframes dgTicker {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
} :root {
--dg-accent:  #EC5727;
--dg-dark:    #1E1E1E;
--dg-border:  #E0E0E0;
--dg-bg:      #F7F6F2;
--dg-radius:  8px;
} .dg-color-swatches {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px !important;
padding: 4px 0 !important;
} .dg-color-swatches .dg-cs-item {
position: relative;
width: 44px !important;
height: 44px !important;
border-radius: var(--dg-radius) !important;
border: 2px solid var(--dg-border) !important;
cursor: pointer;
overflow: hidden;
transition: border-color .18s, box-shadow .18s, transform .15s;
flex-shrink: 0;
outline: none;
} .dg-color-swatches .dg-cs-item .wd-swatch-bg {
display: block;
position: absolute;
inset: 0;
border-radius: calc(var(--dg-radius) - 2px);
} .dg-color-swatches .dg-cs-item .wd-swatch-text {
position: absolute;
clip: rect(0 0 0 0);
overflow: hidden;
width: 1px; height: 1px;
white-space: nowrap;
} .dg-color-swatches .dg-cs-item .dg-cs-check {
display: none;
position: absolute;
inset: 0;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
z-index: 1;
} .dg-color-swatches .dg-cs-item:hover {
border-color: var(--dg-accent) !important;
box-shadow: 0 0 0 2px rgba(236,87,39,.25);
transform: translateY(-2px);
z-index: 1;
} .dg-color-swatches .dg-cs-item.wd-active {
border-color: var(--dg-accent) !important;
box-shadow: 0 0 0 2px var(--dg-accent);
}
.dg-color-swatches .dg-cs-item.wd-active .dg-cs-check {
display: flex;
}  .variations .value.with-swatches > .dg-color-swatches ~ .wd-swatches-product {
display: none !important;
} .dg-length-slider-wrap {
width: 100%;
max-width: 350px; box-sizing: border-box;
padding: 16px 20px 14px;
background: #fff;
border: 1px solid #e6e9ef;
border-radius: 14px;
} .dg-ls-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 10px;
}
.dg-ls-hint {
font-family: 'Jost', Arial, sans-serif;
font-size: 15px;
font-weight: 600;
color: #6b7a90;
line-height: 1.2;
}
.dg-ls-current {
font-family: 'Jost', Arial, sans-serif;
font-size: 26px;
color: var(--dg-accent);
line-height: 1;
white-space: nowrap;
}
.dg-ls-current strong {
font-weight: 800;
} .dg-ls-track-wrap {
padding: 8px 0 4px;
}
.dg-ls-input {
-webkit-appearance: none !important;
appearance: none !important;
width: 100% !important;
height: 8px !important;
border-radius: 999px !important;
background: linear-gradient(to right, var(--dg-accent) 0%, var(--dg-accent) 0%, #E6E8EC 0%, #E6E8EC 100%);
outline: none !important;
cursor: pointer !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
transition: none;
} .dg-ls-input::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 26px;
height: 26px;
background: #fff;
border: 5px solid var(--dg-accent);
border-radius: 50%;
box-shadow: 0 2px 6px rgba(31,39,51,.18);
cursor: pointer;
transition: transform .15s, box-shadow .15s;
}
.dg-ls-input::-webkit-slider-thumb:hover,
.dg-ls-input:focus::-webkit-slider-thumb {
transform: scale(1.08);
box-shadow: 0 3px 10px rgba(236,87,39,.35);
} .dg-ls-input::-moz-range-thumb {
width: 26px;
height: 26px;
box-sizing: border-box;
background: #fff;
border: 5px solid var(--dg-accent);
border-radius: 50%;
box-shadow: 0 2px 6px rgba(31,39,51,.18);
cursor: pointer;
}
.dg-ls-input::-moz-range-track {
height: 8px;
border-radius: 999px;
} .dg-ls-scale {
display: flex;
align-items: baseline;
justify-content: space-between;
font-family: 'Jost', Arial, sans-serif;
font-size: 13px;
font-weight: 500;
color: #8b95a5;
}
@media (max-width: 767px) {
.dg-length-slider-wrap {
max-width: 100%;
padding: 14px 16px 12px;
border-radius: 13px;
}
.dg-ls-hint    { font-size: 14px; }
.dg-ls-current { font-size: 22px; }
.dg-ls-scale   { font-size: 12.5px; }
} .dg-ls-ticks {
display: none !important;
} .variations .value .dg-length-slider-wrap ~ select,
.variations .value .dg-color-swatches ~ select {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
padding: 0 !important;
border: none !important;
width: 0 !important;
margin: 0 !important;
overflow: hidden !important;
} .dg-btn-group {
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 4px 0;
align-items: center;
}
.dg-btn-opt {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: 'Jost', Arial, sans-serif;
font-size: 13px;
font-weight: 600;
color: #333;
background: #fff;
border: 2px solid #E0E0E0;
border-radius: 8px;
padding: 7px 16px;
cursor: pointer;
transition: border-color .17s, background .17s, color .17s, box-shadow .17s, transform .12s;
line-height: 1;
white-space: nowrap;
user-select: none;
outline: none;
}
.dg-btn-opt:hover {
border-color: var(--dg-accent, #EC5727);
color: var(--dg-accent, #EC5727);
background: #fff8f5;
transform: translateY(-1px);
}
.dg-btn-opt:active {
transform: translateY(0);
}
.dg-btn-opt--active {
background: var(--dg-accent, #EC5727) !important;
border-color: var(--dg-accent, #EC5727) !important;
color: #fff !important;
box-shadow: 0 2px 8px rgba(236,87,39,.30);
}
.dg-btn-opt--active:hover {
background: #d44c20 !important;
border-color: #d44c20 !important;
color: #fff !important;
} .dg-btn-opt.wd-disabled {
opacity: .38;
cursor: not-allowed;
pointer-events: none;
} .variations .value .dg-btn-group ~ select {
position: absolute !important;
opacity: 0 !important;
pointer-events: none !important;
height: 0 !important;
padding: 0 !important;
border: none !important;
width: 0 !important;
margin: 0 !important;
overflow: hidden !important;
}
} .dg-cs-item.dg-disabled,
.dg-btn-opt.dg-disabled {
opacity: 0.3 !important;
cursor: not-allowed !important;
pointer-events: none !important;
position: relative;
} .dg-cs-item.dg-disabled::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 140%;
height: 2px;
background-color: #ff0000;
transform: translate(-50%, -50%) rotate(45deg);
z-index: 10;
opacity: 0.6;
} .woocommerce-variation-add-to-cart .single_add_to_cart_button {
flex: 0 0 auto !important;
min-width: 200px;
max-width: 200px;
width: 100%;
} .product-page .woocommerce-Price-amount.amount:not(.dg-price-from *),
.single-product .woocommerce-Price-amount.amount:not(.dg-price-from .woocommerce-Price-amount),
.summary .price:not(.dg-price-from) .woocommerce-Price-amount.amount {
font-size: 100% !important;
font-weight: 800 !important;
}  .dg-price-from {
display: inline-flex;
align-items: baseline;
flex-wrap: wrap;
gap: 4px 6px;
line-height: 1.2;
} .dg-price-from__label {
font-family: 'Jost', Arial, sans-serif;
font-size: 0.6em;
font-weight: 600;
color: #888;
text-transform: lowercase;
letter-spacing: 0.01em;
align-self: center;
} .dg-price-from del {
color: #aaa !important;
font-size: 18px !important;
text-decoration: none !important; font-weight: 500 !important;
opacity: 1 !important;
align-self: center;
vertical-align: middle;
position: relative;
display: inline-block;
}
.dg-price-from del::after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 1.5px;
background-color: #aaa;
transform: translateY(-50%);
pointer-events: none;
}
.dg-price-from del .woocommerce-Price-amount,
.dg-price-from del .woocommerce-Price-amount.amount {
color: #aaa !important;
font-size: inherit !important;
font-weight: inherit !important;
text-decoration: none !important;
} .dg-price-from ins {
text-decoration: none !important;
background: none !important;
font-weight: 800 !important;
font-size: 26px !important;
color: #EC5727 !important;
}
.dg-price-from ins .woocommerce-Price-amount,
.dg-price-from ins .woocommerce-Price-amount.amount {
color: #EC5727 !important;
font-size: inherit !important;
font-weight: inherit !important;
} .products .dg-price-from {
flex-direction: row;
align-items: baseline;
}
.products .dg-price-from ins {
font-size: 16px !important;
}
.products .dg-price-from del {
font-size: 13px !important;
} .dg-price-from__label {
font-size: 14px !important;
}  .dg-garden-config-header {
background: #F7F6F2;
border-left: 4px solid var(--dg-accent, #EC5727);
padding: 16px 20px;
margin-bottom: 24px;
border-radius: 4px 12px 12px 4px;
box-shadow: 0 2px 12px rgba(0,0,0,0.03);
}
.dg-config-badge {
display: inline-block;
background: var(--dg-accent, #EC5727);
color: #fff;
font-family: 'Jost', Arial, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 3px 8px;
border-radius: 4px;
margin-bottom: 8px;
}
.dg-config-title {
font-family: 'Jost', Arial, sans-serif;
font-size: 18px;
font-weight: 800;
color: #1E1E1E;
margin: 0 0 4px 0 !important;
}
.dg-config-subtitle {
font-family: 'Jost', Arial, sans-serif;
font-size: 13px;
color: #666;
margin: 0 !important;
line-height: 1.4;
} .woocommerce-variation-price {
background: #fef3ee !important;
border: 2px dashed var(--dg-accent, #EC5727) !important;
border-radius: 12px !important;
padding: 16px 20px !important;
margin: 20px 0 !important;
display: inline-flex !important;
flex-direction: column !important;
gap: 6px !important;
min-width: 260px !important;
box-shadow: 0 4px 15px rgba(236,87,39,0.06) !important;
}
.woocommerce-variation-price::before {
content: "Итоговая стоимость:";
font-family: 'Jost', Arial, sans-serif;
font-size: 12px;
font-weight: 700;
color: #666;
text-transform: uppercase;
letter-spacing: 0.05em;
line-height: 1;
}
.woocommerce-variation-price .price {
display: flex !important;
align-items: baseline !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin: 0 !important;
line-height: 1 !important;
}
.woocommerce-variation-price .price del {
font-size: 18px !important;
color: #999 !important;
text-decoration: line-through !important;
font-weight: 500 !important;
}
.woocommerce-variation-price .price ins {
font-size: 32px !important;
color: var(--dg-accent, #EC5727) !important;
font-weight: 800 !important;
text-decoration: none !important;
}
.woocommerce-variation-price .price .woocommerce-Price-amount {
font-size: inherit !important;
font-weight: inherit !important;
color: inherit !important;
}
@media (max-width: 767px) { label[for="pa_pokrytie"] ~ .wd-attr-selected {
display: none !important;
}
} @media (min-width: 768px) {
body.postid-8150 form.cart {
align-items: flex-start;
}
body.postid-8150 form.cart .single_add_to_cart_button {
flex: 0 0 auto;
align-self: flex-start;
width: 100%;
max-width: 520px; min-width: 0;
min-height: 54px;
margin-top: 6px;
}
}