.wd-toolbar{position:fixed;inset-inline:0;bottom:0;z-index:350;display:flex;align-items:center;justify-content:space-between;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:5px;height:55px;background-color:var(--bgcolor-white);box-shadow:0 0 9px rgba(0,0,0,0.12)}.wd-toolbar>a{display:flex;align-items:center;justify-content:center}.wd-toolbar>a,.wd-toolbar>div{flex:1 0 20%}.wd-toolbar>a,.wd-toolbar>div a{height:45px}.wd-toolbar .wd-header-cart.wd-design-5:not(.wd-style-text){margin-inline-end:0}.wd-toolbar.wd-toolbar-label-show>a,.wd-toolbar.wd-toolbar-label-show>div a{position:relative;padding-bottom:15px}.wd-toolbar.wd-toolbar-label-show .wd-toolbar-label{display:block}.global-color-scheme-light .wd-toolbar a{color:#fff}.global-color-scheme-light .wd-toolbar a:hover{color:rgba(255,255,255,0.8)}.wd-toolbar-label{position:absolute;inset-inline:10px;bottom:3px;display:none;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:11px;line-height:1;padding:1px 0}.wd-toolbar-shop .wd-tools-icon:before{content:"\f146";font-family:"woodmart-font"}.wd-toolbar-blog .wd-tools-icon:before{content:"\f145";font-family:"woodmart-font"}.wd-toolbar-home .wd-tools-icon:before{content:"\f144";font-family:"woodmart-font"}.wd-toolbar-sidebar .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}.wd-toolbar-sidebar.wd-filter-icon .wd-tools-icon:before{content:"\f118"}.wd-toolbar-link .wd-tools-icon:before{content:"\f140";font-family:"woodmart-font"}.wd-toolbar-link .wd-custom-icon img{width:auto;height:20px}.wd-toolbar-shop-cat .wd-tools-icon:before{content:"\f15a";font-family:"woodmart-font"}body:not(:has(.wd-nav-side-hidden-mb-on)) .wd-toolbar-shop-cat{display:none}@media (min-width: 1025px){.wd-toolbar{display:none}}@media (max-width: 1024px){.sticky-toolbar-on{padding-bottom:55px}.sticky-toolbar-on .wd-sticky-btn{bottom:55px}.sticky-toolbar-on .scrollToTop{bottom:67px}.sticky-toolbar-on .wd-sticky-btn-shown.scrollToTop{bottom:calc(12px + 55px + var(--wd-sticky-btn-height))}}@media (max-width: 768.98px){.sticky-toolbar-on.wd-sticky-btn-on-mb{padding-bottom:calc(55px + var(--wd-sticky-btn-height))}}@media (min-width: 769px) and (max-width: 1024px){.sticky-toolbar-on.wd-sticky-btn-on{padding-bottom:calc(55px + var(--wd-sticky-btn-height))}}.wd-sidebar-opener{position:fixed;top:30%;inset-inline-start:0;z-index:350;background-color:rgba(var(--bgcolor-white-rgb), 0.9);box-shadow:0 0 5px rgba(0,0,0,0.17);border-start-end-radius:var(--wd-brd-radius);border-end-end-radius:var(--wd-brd-radius);transition:all .25s ease}.wd-sidebar-opener.wd-show-on-scroll{opacity:0;transform:translateX(-100%)}.wd-sidebar-opener.wd-show-on-scroll.wd-shown{opacity:1;transform:none}.wd-sidebar-opener.wd-filter-icon{--wd-btn-icon: "\f118"}@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}#dye-calc {
--ink: #0f1b2d;
--muted: #5b6b74;
--line: #dfe6ea;
--soft: #f4f8f6;
--green: #16a34a;
--green-hover: #15803d;
--teal: #00a99d;
--warn: #c77700;
--bad: #c0392b;
font-family: inherit;
color: var(--ink);
background: #fff;
border: 1px solid var(--line);
border-radius: 16px;
padding: 28px;
max-width: 980px;
margin: 24px auto 40px;
box-sizing: border-box;
line-height: 1.45;
font-size: 15px;
box-shadow: 0 8px 30px rgba(15, 27, 45, 0.06);
}
#dye-calc *,
#dye-calc *::before,
#dye-calc *::after {
box-sizing: border-box;
}
#dye-calc .dc-head {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
flex-wrap: wrap;
margin-bottom: 22px;
padding-bottom: 16px;
border-bottom: 1px solid var(--line);
}
#dye-calc h2 {
margin: 0;
font-size: 24px;
line-height: 1.25;
color: var(--ink);
font-weight: 700;
}
#dye-calc .dc-sub {
color: var(--muted);
margin: 6px 0 0;
font-size: 14px;
}
#dye-calc .dc-step {
margin: 0 0 22px;
}
#dye-calc .dc-label {
display: flex;
align-items: center;
font-weight: 700;
margin: 0 0 10px;
font-size: 15px;
color: var(--ink);
}
#dye-calc .dc-label b {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--green);
color: #fff;
font-size: 12px;
margin-right: 8px;
flex-shrink: 0;
}
#dye-calc .dc-seg {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
#dye-calc .dc-seg button {
text-align: left;
border: 2px solid var(--line);
background: #fff;
border-radius: 12px;
padding: 14px 16px;
cursor: pointer;
color: var(--ink);
font: inherit;
text-transform: none;
letter-spacing: 0;
min-height: 0;
height: auto;
box-shadow: none;
transition: border-color 0.15s ease, background-color 0.15s ease;
}
#dye-calc .dc-seg button:hover {
border-color: #b7d7c2;
}
#dye-calc .dc-seg button strong {
display: block;
font-size: 15px;
font-weight: 700;
color: var(--ink);
}
#dye-calc .dc-seg button span {
display: block;
color: var(--muted);
font-size: 13px;
margin-top: 3px;
font-weight: 400;
}
#dye-calc .dc-seg button.on {
border-color: var(--green);
background: var(--soft);
}
#dye-calc select {
width: 100%;
height: auto;
padding: 11px 36px 11px 14px;
border: 2px solid var(--line);
border-radius: 10px;
font: inherit;
color: var(--ink);
background-color: #fff;
box-shadow: none;
transition: border-color 0.15s ease;
}
#dye-calc select:focus,
#dye-calc button:focus-visible {
outline: 2px solid var(--teal);
outline-offset: 2px;
border-color: var(--teal);
}
#dye-calc .dc-check {
display: inline-flex;
gap: 8px;
align-items: center;
margin-top: 10px;
font-size: 14px;
color: var(--ink);
cursor: pointer;
font-weight: 500;
}
#dye-calc .dc-check input[type="checkbox"] {
width: 17px;
height: 17px;
accent-color: var(--green);
cursor: pointer;
margin: 0;
}
#dye-calc .dc-invinfo {
margin-top: 10px;
font-size: 13.5px;
color: var(--muted);
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
#dye-calc .dc-cards {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(185px, 1fr));
gap: 12px;
}
#dye-calc .dc-card {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 2px solid var(--line);
border-radius: 12px;
padding: 14px;
cursor: pointer;
background: #fff;
text-align: left;
font: inherit;
color: var(--ink);
text-transform: none;
letter-spacing: 0;
min-height: 0;
height: auto;
box-shadow: none;
transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.12s ease;
}
#dye-calc .dc-card:hover {
border-color: #b7d7c2;
transform: translateY(-1px);
}
#dye-calc .dc-card.on {
border-color: var(--green);
background: var(--soft);
}
#dye-calc .dc-card h4 {
margin: 0 0 4px;
font-size: 15px;
font-weight: 700;
color: var(--ink);
}
#dye-calc .dc-card .dc-meta {
font-size: 13px;
color: var(--muted);
}
#dye-calc .dc-card .dc-from {
margin-top: 10px;
font-weight: 700;
font-size: 14.5px;
color: var(--ink);
}
#dye-calc .dc-ppk {
display: block;
margin-top: 3px;
font-size: 12.5px;
font-weight: 700;
color: var(--teal);
}
#dye-calc .dc-tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
margin-bottom: 8px;
}
#dye-calc .dc-tag {
font-size: 11px;
font-weight: 700;
padding: 2px 8px;
border-radius: 20px;
background: #e8f6e3;
color: #15803d;
line-height: 1.4;
}
#dye-calc .dc-tag.t-teal {
background: #dff4f2;
color: #007a71;
}
#dye-calc .dc-tag.t-ink {
background: var(--ink);
color: #fff;
}
#dye-calc .dc-tag.t-heat {
background: #fdeee0;
color: #a8530b;
}
#dye-calc .dc-panel {
border: 1px solid var(--line);
border-radius: 14px;
padding: 20px;
background: #fff;
}
#dye-calc .dc-cfg {
display: flex;
flex-wrap: wrap;
gap: 18px;
align-items: center;
margin-bottom: 16px;
}
#dye-calc .dc-stepper {
display: inline-flex;
align-items: center;
border: 2px solid var(--line);
border-radius: 10px;
overflow: hidden;
background: #fff;
}
#dye-calc .dc-stepper button {
width: 42px;
height: 40px;
min-height: 0;
padding: 0;
border: 0;
background: var(--soft);
font-size: 20px;
font-weight: 700;
cursor: pointer;
color: var(--ink);
box-shadow: none;
text-transform: none;
}
#dye-calc .dc-stepper button:hover:not(:disabled) {
background: #e3efe8;
color: var(--green);
}
#dye-calc .dc-stepper button:disabled {
opacity: 0.35;
cursor: default;
}
#dye-calc .dc-stepper output {
min-width: 58px;
text-align: center;
font-weight: 700;
font-size: 17px;
color: var(--ink);
}
#dye-calc .dc-kpis {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(155px, 1fr));
gap: 10px;
margin-bottom: 16px;
}
#dye-calc .dc-kpi {
background: var(--soft);
border-radius: 10px;
padding: 12px 14px;
}
#dye-calc .dc-kpi small {
display: block;
color: var(--muted);
font-size: 12px;
margin-bottom: 2px;
}
#dye-calc .dc-kpi strong {
font-size: 18px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
#dye-calc .dc-kpi.total {
background: var(--ink);
color: #fff;
}
#dye-calc .dc-kpi.total small {
color: #b9c6cd;
}
#dye-calc table.dc-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
margin: 8px 0 6px;
}
#dye-calc table.dc-table th {
text-align: left;
font-size: 12px;
color: var(--muted);
font-weight: 700;
border-bottom: 2px solid var(--line);
padding: 8px 6px;
text-transform: none;
}
#dye-calc table.dc-table td {
border-bottom: 1px solid var(--line);
padding: 10px 6px;
vertical-align: middle;
color: var(--ink);
}
#dye-calc table.dc-table td.n,
#dye-calc table.dc-table th.n {
text-align: right;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
#dye-calc table.dc-table tfoot td {
font-weight: 700;
border-bottom: 0;
font-size: 15px;
padding-top: 12px;
}
#dye-calc .dc-prod-link {
color: var(--ink);
font-weight: 600;
text-decoration: none;
}
#dye-calc .dc-prod-link:hover {
color: var(--green);
text-decoration: underline;
}
#dye-calc .dc-qty-badge {
display: inline-block;
font-size: 11px;
color: var(--teal);
font-weight: 600;
margin-left: 6px;
}
#dye-calc .dc-st {
display: inline-block;
font-size: 11px;
font-weight: 600;
padding: 2px 7px;
border-radius: 10px;
margin-left: 6px;
white-space: nowrap;
}
#dye-calc .st-ok {
background: #e8f6e3;
color: #15803d;
}
#dye-calc .st-in {
background: #fff4dc;
color: #8a5a00;
}
#dye-calc .st-ord {
background: #eef1f3;
color: #4b5a63;
}
#dye-calc .dc-guest-lock {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12.5px;
font-weight: 600;
color: var(--teal);
cursor: pointer;
text-decoration: underline;
}
#dye-calc .dc-note {
font-size: 13px;
color: var(--muted);
margin: 10px 0 0;
}
#dye-calc .dc-warn {
font-size: 13.5px;
color: var(--warn);
background: #fff9eb;
border-left: 3px solid var(--warn);
padding: 8px 12px;
border-radius: 6px;
margin: 10px 0;
}
#dye-calc .dc-cta {
display: flex;
gap: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 18px;
}
#dye-calc .dc-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 12px 22px;
border-radius: 999px;
font-weight: 700;
text-decoration: none;
font-size: 15px;
border: 2px solid var(--green);
cursor: pointer;
text-transform: none;
letter-spacing: 0;
min-height: 0;
height: auto;
line-height: 1.3;
transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, opacity 0.15s ease;
}
#dye-calc .dc-btn.pri {
background: var(--green);
color: #fff;
}
#dye-calc .dc-btn.pri:hover:not(:disabled) {
background: var(--green-hover);
border-color: var(--green-hover);
color: #fff;
}
#dye-calc .dc-btn.sec {
background: #fff;
color: var(--ink);
border-color: var(--line);
}
#dye-calc .dc-btn.sec:hover {
border-color: var(--ink);
color: var(--ink);
}
#dye-calc .dc-btn:disabled {
opacity: 0.6;
cursor: wait;
}
#dye-calc .dc-cart-feedback {
margin-top: 12px;
padding: 10px 14px;
border-radius: 10px;
font-size: 14px;
font-weight: 600;
display: none;
}
#dye-calc .dc-cart-feedback.ok {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
flex-wrap: wrap;
background: #e8f6e3;
color: #15803d;
border: 1px solid #bbe5b3;
}
#dye-calc .dc-cart-feedback.err {
display: block;
background: #fdecea;
color: var(--bad);
border: 1px solid #f5c2c0;
}
#dye-calc .dc-cart-feedback a {
color: var(--ink);
text-decoration: underline;
font-weight: 700;
}
#dye-calc details {
margin-top: 16px;
font-size: 14px;
}
#dye-calc summary {
cursor: pointer;
color: var(--muted);
font-weight: 700;
}
#dye-calc .dc-bad {
list-style: none;
padding: 0;
margin: 8px 0 0;
}
#dye-calc .dc-bad li {
padding: 4px 0;
color: var(--muted);
}
#dye-calc .dc-bad li b {
color: var(--ink);
}
#dye-calc .dc-empty {
color: var(--muted);
font-size: 14px;
padding: 14px;
background: var(--soft);
border-radius: 10px;
}
#dye-calc .dc-foot {
font-size: 12px;
color: var(--muted);
margin-top: 22px;
border-top: 1px solid var(--line);
padding-top: 12px;
}
@media (max-width: 600px) {
#dye-calc {
padding: 16px;
margin: 12px auto 28px;
}
#dye-calc .dc-seg {
grid-template-columns: 1fr;
}
#dye-calc table.dc-table .hide-s {
display: none;
}
#dye-calc .dc-cta .dc-btn {
width: 100%;
}
}.wp-block-wd-container{--wd-width: 100%;--wd-row-gap: 20px;--wd-col-gap: 20px;display:flex;width:var(--wd-width);align-items:flex-start;row-gap:var(--wd-row-gap);column-gap:var(--wd-col-gap)}:root .wp-block-wd-container>*{margin-bottom:0;min-width:1px}.wp-block-wd-container.wd-dir-col>*{flex-shrink:0}:is(.entry-content,.wd-entry-content)>.wp-block-wd-container{margin-inline:auto}.wp-block-wd-container:is(.wd-dir-row,.wd-dir-row-rev){justify-content:var(--wd-align);align-content:flex-start}.wp-block-wd-container.wd-dir-row{flex-direction:row}.wp-block-wd-container.wd-dir-row-rev{flex-direction:row-reverse}.wp-block-wd-container:is(.wd-dir-col,.wd-dir-col-rev){align-items:var(--wd-align)}.wp-block-wd-container:is(.wd-dir-col,.wd-dir-col-rev):not([class*="wd-align-is-"])>*:not(:is(.wd-custom-width,[class*="wd-align-s-"])){width:100%}.wp-block-wd-container.wd-dir-col{flex-direction:column}.wp-block-wd-container.wd-dir-col-rev{flex-direction:column-reverse}@media (max-width: 1024px){.wp-block-wd-container:is(.wd-dir-row-md,.wd-dir-row-rev-md){justify-content:var(--wd-align);align-content:flex-start}.wp-block-wd-container:is(.wd-dir-row-md,.wd-dir-row-rev-md)[class*="wd-dir-col"]:not([class*="wd-align-is-"])>*:not(:is(.wd-custom-width,[class*="wd-align-s-"])){width:unset;flex-shrink:unset}.wp-block-wd-container.wd-dir-row-md{flex-direction:row}.wp-block-wd-container.wd-dir-row-rev-md{flex-direction:row-reverse}.wp-block-wd-container:is(.wd-dir-col-md,.wd-dir-col-rev-md){align-items:var(--wd-align)}.wp-block-wd-container:is(.wd-dir-col-md,.wd-dir-col-rev-md):not([class*="wd-align-is-"])>*:not(:is(.wd-custom-width,[class*="wd-align-s-"])){width:100%}.wp-block-wd-container.wd-dir-col-md{flex-direction:column}.wp-block-wd-container.wd-dir-col-rev-md{flex-direction:column-reverse}}@media (max-width: 768.98px){.wp-block-wd-container:is(.wd-dir-row-sm,.wd-dir-row-rev-sm){justify-content:var(--wd-align);align-content:flex-start}.wp-block-wd-container:is(.wd-dir-row-sm,.wd-dir-row-rev-sm)[class*="wd-dir-col"]:not([class*="wd-align-is-"])>*:not(:is(.wd-custom-width,[class*="wd-align-s-"])){width:unset;flex-shrink:unset}.wp-block-wd-container.wd-dir-row-sm{flex-direction:row}.wp-block-wd-container.wd-dir-row-rev-sm{flex-direction:row-reverse}.wp-block-wd-container:is(.wd-dir-col-sm,.wd-dir-col-rev-sm){align-items:var(--wd-align)}.wp-block-wd-container:is(.wd-dir-col-sm,.wd-dir-col-rev-sm):not([class*="wd-align-is-"])>*:not(:is(.wd-custom-width,[class*="wd-align-s-"])){width:100%}.wp-block-wd-container.wd-dir-col-sm{flex-direction:column}.wp-block-wd-container.wd-dir-col-rev-sm{flex-direction:column-reverse}}.wd-transform{--wd-transform-perspective: 0;--wd-transform-rotateX: 0;--wd-transform-rotateY: 0;--wd-transform-rotateZ: 0;--wd-transform-translateX: 0;--wd-transform-translateY: 0;--wd-transform-scaleX: 1;--wd-transform-scaleY: 1;--wd-transform-skewX: 0;--wd-transform-skewY: 0;--wd-transform-origin-y: center;--wd-transform-origin-x: center;transform:perspective(var(--wd-transform-perspective)) translateX(var(--wd-transform-translateX)) translateY(var(--wd-transform-translateY)) scaleX(var(--wd-transform-scaleX)) scaleY(var(--wd-transform-scaleY)) rotateX(var(--wd-transform-rotateX)) rotateY(var(--wd-transform-rotateY)) rotateZ(var(--wd-transform-rotateZ)) skewX(var(--wd-transform-skewX)) skewY(var(--wd-transform-skewY));transform-origin:var(--wd-transform-origin-y) var(--wd-transform-origin-x)}