/* DRN custom palette on the existing templates. */
:root,body.drn-beko-design,body.drn-beko-design[class*="yc-surface-"]{
 --yc-primary:#3371F2!important;--yc-primary-text:#FFFFFF!important;
 --yc-text:#212529!important;--yc-text-soft:#5B6B82!important;--yc-muted:#5B6B82!important;
 --yc-border:#E3E8F0!important;--yc-border-soft:#E3E8F0!important;
 --yc-surface:#FFFFFF!important;--yc-surface-alt:#FAFBFD!important;--yc-accent-soft:#EDF3FF!important;
 --yc-link-color:#212529!important;--yc-link-hover:#3371F2!important;
 --yc-button-bg:#3371F2!important;--yc-button-hover:#215ED9!important;--yc-button-text:#FFFFFF!important;
 --yc-icon-color:#5B6B82!important;--yc-icon-bg:#F1F5FC!important;--yc-price-color:#212529!important;
 --yc-inverse-bg:#212529!important;--yc-inverse-text:#FFFFFF!important;
 --yc-success:#16A34A!important;--yc-error:#DC2626!important;--yc-warning:#B45309!important;--yc-info:#3371F2!important;
 --yc-shadow-color:#212529!important;--yc-overlay-color:#212529!important;
 --yc-primary-soft:#EDF3FF!important;--yc-primary-border:color-mix(in srgb,#3371F2 24%,#FFFFFF)!important;--yc-primary-strong:color-mix(in srgb,#3371F2 78%,#212529)!important;
 --yc-success-soft:color-mix(in srgb,#16A34A 7%,#FFFFFF)!important;--yc-success-border:color-mix(in srgb,#16A34A 24%,#FFFFFF)!important;--yc-success-strong:color-mix(in srgb,#16A34A 78%,#212529)!important;
 --yc-error-soft:color-mix(in srgb,#DC2626 7%,#FFFFFF)!important;--yc-error-border:color-mix(in srgb,#DC2626 24%,#FFFFFF)!important;--yc-error-strong:color-mix(in srgb,#DC2626 78%,#212529)!important;
 --yc-warning-soft:color-mix(in srgb,#B45309 7%,#FFFFFF)!important;--yc-warning-border:color-mix(in srgb,#B45309 24%,#FFFFFF)!important;--yc-warning-strong:color-mix(in srgb,#B45309 78%,#212529)!important;
 --yc-info-soft:color-mix(in srgb,#3371F2 7%,#FFFFFF)!important;--yc-info-border:color-mix(in srgb,#3371F2 24%,#FFFFFF)!important;--yc-info-strong:color-mix(in srgb,#3371F2 78%,#212529)!important;
 --yc-bg:#FAFBFD!important;--yc-bg-home:#FAFBFD!important;--yc-bg-archive:#FAFBFD!important;--yc-bg-product:#FAFBFD!important;
 --yc-bg-cart:#FAFBFD!important;--yc-bg-checkout:#FAFBFD!important;--yc-bg-account:#FAFBFD!important;--yc-bg-other:#FAFBFD!important;
 --yc-announcement-bg:#212529!important;--yc-announcement-color:#FFFFFF!important;
 --yc-font-body:"Segment",sans-serif!important;--yc-font-heading:"Segment",sans-serif!important;
 --drn-beko:#3371F2;--drn-beko-hover:#215ED9;--drn-beko-pale:#EDF3FF;
 --drn-beko-text:#212529;--drn-beko-muted:#5B6B82;--drn-beko-border:#E3E8F0;
 --drn-canvas:#FAFBFD;--drn-line:#E3E8F0;
 --kc-ink:#212529!important;--kc-amber:#3371F2!important;--kc-amber-strong:#215ED9!important;--kc-green:#16A34A!important;--kc-canvas:#FAFBFD!important;--kc-line:#E3E8F0!important;
}
body.drn-beko-design[class*="yc-surface-"]{background:#FAFBFD!important;color:var(--yc-text);font-family:var(--yc-font-body)}

/* Header colors and type follow the reference; the original DRN logo is untouched. */
body.drn-beko-design .yc-header.yc-header-v2 .yc-announcement{background:var(--yc-inverse-bg)!important;color:#FFFFFF!important;border:0!important;min-height:0;padding:0!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-announcement a{color:#FFFFFF!important;font-weight:500}
body.drn-beko-design .yc-header.yc-header-v2 .yc-announcement>.yc-header-container{min-height:36px!important;padding-block:8px!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-header-search{background:var(--yc-surface-alt)!important;border-color:var(--yc-border)!important;border-radius:12px}
body.drn-beko-design .yc-header.yc-header-v2 .yc-header-search:focus-within{background:#FFFFFF!important;border-color:var(--yc-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--yc-primary) 10%,transparent)!important}
body.drn-beko-design .yc-header.yc-header-v2 :is(.yc-header-action,.yc-mobile-menu-trigger,.yc-header-help){color:var(--yc-text)!important}
body.drn-beko-design .yc-header.yc-header-v2 :is(.yc-header-nav-links a,.yc-header-primary a){color:var(--yc-link-color)!important;font-weight:600}
body.drn-beko-design .yc-header.yc-header-v2 :is(.yc-header-nav-links a,.yc-header-primary a):hover{color:var(--yc-link-hover)!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-header-cart .yc-header-cart-count{background:var(--yc-info)!important;color:#FFFFFF!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-collection-sale::before{background:var(--yc-info)!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-mega>summary{background:var(--yc-inverse-bg)!important;color:#FFFFFF!important;border:1px solid var(--yc-inverse-bg)!important;border-radius:11px;min-height:44px;padding:0 18px;font-weight:700}
body.drn-beko-design .yc-header.yc-header-v2 .yc-mega>summary :is(svg,.micon){color:inherit!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-mega[open]>summary{background:#343A40!important;border-color:#343A40!important}
body.drn-beko-design .yc-header.yc-header-v2 .yc-header-action-copy small{color:var(--yc-muted)!important}
@media(min-width:901px){
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-main{min-height:94px;padding-block:17px;gap:20px}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-actions{gap:8px}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-actions .yc-header-action{min-height:48px;padding:6px 10px;gap:9px;border:1px solid var(--yc-border);border-radius:14px;background:#FFFFFF!important}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-actions .yc-header-action:hover{background:var(--yc-surface-alt)!important;border-color:var(--yc-primary-border)!important}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-action>.yc-nav-icon{box-sizing:border-box;flex:0 0 34px;width:34px!important;height:34px!important;padding:7px;border-radius:10px;background:var(--yc-icon-bg);color:var(--yc-icon-color)!important}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-nav-row{min-height:60px;padding-block:0}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-navigation{min-height:48px!important;gap:6px}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-nav-links a{min-height:46px!important;padding-block:0!important}
}
@media(min-width:901px) and (max-width:1100px){
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-main{gap:12px}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-actions .yc-header-action{min-height:42px;padding:4px 7px;gap:6px}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-header-action>.yc-nav-icon{flex-basis:30px;width:30px!important;height:30px!important;padding:6px}
}
@media(max-width:900px){
 body.drn-beko-design .yc-header.yc-header-v2 .yc-announcement>.yc-header-container{min-height:36px!important;padding-block:8px!important}
 body.drn-beko-design .yc-header.yc-header-v2 .yc-mobile-search-trigger{background:var(--yc-surface-alt);border-color:var(--yc-border);color:var(--yc-muted)}
}

/* Reference card states: blue action, pink installment, green review score. */
body.drn-beko-design .yc-card .yc-card-action{background:var(--yc-primary-soft)!important;border-color:var(--yc-primary-soft)!important;color:var(--yc-primary)!important}
body.drn-beko-design .yc-card .yc-card-action:hover{background:var(--yc-primary)!important;border-color:var(--yc-primary)!important;color:#FFFFFF!important}
body.drn-beko-design.yc-surface-home .yc-card .yc-card-installment,body.drn-beko-design .yc-card .yc-card-installment{background:var(--yc-info-soft)!important;border-color:var(--yc-info-border)!important;color:var(--yc-info-strong)!important}
body.drn-beko-design .yc-card .yc-card-installment :is(.micon,svg){color:inherit!important}
body.drn-beko-design :is(.yc-card-online,.yc-card-plan,.yc-deal-badge,.yc-stock-badge){background:var(--yc-primary-soft)!important;border-color:var(--yc-primary-border)!important;color:var(--yc-primary-strong)!important}
body.drn-beko-design.yc-surface-home :is(.yc-home-trust-icon,.drn-how-checklist .micon){background:var(--yc-icon-bg)!important;color:var(--yc-icon-color)!important}
body.drn-beko-design.yc-surface-archive .yc-category-pill.is-active{background:var(--yc-primary)!important;border-color:var(--yc-primary)!important;color:#FFFFFF!important}
body.drn-beko-design .drn-payment-plan .drn-plan-heading h2{font-weight:600}
body.drn-beko-design .drn-payment-plan :is(.drn-plan-select-wrap select,.drn-plan-id){border-color:var(--yc-border)}
