/* Real cabinet cutouts, 3D material circles and factor illustrations */
body.home #rk-color-selector{position:relative;isolation:isolate;overflow:hidden!important;border-radius:24px!important;background:linear-gradient(145deg,#f9fcff,#eaf3fd 62%,#fff)!important}
body.home #rk-color-selector #rk-color-title{position:relative;isolation:isolate;z-index:0;padding:24px 8px!important;margin-bottom:2px!important;color:#073e78!important;line-height:1.45!important}
body.home #rk-color-selector #rk-color-title:before{content:"";position:absolute;inset:0 4%;z-index:-1;background:url("https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-art-MAHX4KXm17E.png") center/contain no-repeat;opacity:.25;pointer-events:none}
body.home #rk-color-selector .rk-color-cols{display:grid!important;grid-template-columns:1.15fr .85fr!important;gap:20px!important;align-items:stretch}
body.home #rk-color-selector .rk-door-preview.rk-photo-preview{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:330px!important;overflow:hidden;border:1px solid #c3d9ed!important;border-radius:24px!important;padding:20px 10px!important;background:radial-gradient(ellipse at 50% 78%,rgba(46,114,185,.14),transparent 72%),linear-gradient(145deg,#f7fbff,#e5effa)!important}
body.home #rk-color-selector .rk-door-preview .rk-door-set,body.home #rk-color-selector .rk-cabinet-photo{display:none!important}
body.home #rk-color-selector .rk-cabinet-real-gallery{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(190px,28vw,330px);margin:0 auto}
body.home #rk-color-selector .rk-cabinet-real-gallery img.rk-real-cabinet{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;border:none!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;opacity:0!important;visibility:hidden!important;transform:translateY(7px) scale(.985);transition:opacity .3s ease,transform .35s ease;pointer-events:none}
body.home #rk-color-selector:has(input[value="ivory"]:checked) img.rk-real-ivory,body.home #rk-color-selector:has(input[value="beige"]:checked) img.rk-real-beige,body.home #rk-color-selector:has(input[value="olive"]:checked) img.rk-real-olive,body.home #rk-color-selector:has(input[value="blue"]:checked) img.rk-real-blue,body.home #rk-color-selector:has(input[value="charcoal"]:checked) img.rk-real-charcoal,body.home #rk-color-selector:has(input[value="oak"]:checked) img.rk-real-oak{opacity:1!important;visibility:visible!important;transform:none!important;z-index:2}
body.home #rk-color-selector .rk-photo-label{display:block!important;margin-top:-7px!important;color:#254e75!important;font:700 13px/1.7 Almarai,Tajawal,Arial,sans-serif!important;text-align:center}
body.home #rk-color-selector .rk-swatch-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.home #rk-color-selector label.rk-swatch{display:flex!important;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:7px!important;min-height:119px!important;padding:11px 4px!important;color:#174466!important;border-radius:16px!important;background:linear-gradient(155deg,#fff,#f0f7fe)!important;border:1px solid #c9dceb!important;font-size:13px!important;cursor:pointer;transition:transform .2s ease,border-color .2s ease}
body.home #rk-color-selector .rk-swatch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
body.home #rk-color-selector .rk-swatch .rk-chip{display:block;order:-1;flex:none;width:66px!important;height:66px!important;border:0!important;outline:none!important;border-radius:50%!important;background-image:url("https://riyadhkitchens.site/wp-content/uploads/2026/10/rk-art-MAHX4BvFiqI.png")!important;background-size:300% 200%!important;background-repeat:no-repeat!important;background-color:transparent!important;box-shadow:0 5px 13px rgba(12,43,84,.12)!important}
body.home #rk-color-selector .rk-swatch:has(input[value="beige"]) .rk-chip{background-position:0% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="ivory"]) .rk-chip{background-position:50% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="blue"]) .rk-chip{background-position:100% 0%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="olive"]) .rk-chip{background-position:0% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="oak"]) .rk-chip{background-position:50% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input[value="charcoal"]) .rk-chip{background-position:100% 100%!important}
body.home #rk-color-selector .rk-swatch:has(input:checked){border:2px solid #1766af!important;background:#edf6ff!important;box-shadow:0 0 0 3px rgba(27,113,200,.12)!important}
body.home #rk-color-selector .rk-swatch:has(input:checked) .rk-chip{box-shadow:0 0 0 3px #d2e6fa,0 8px 15px rgba(7,58,115,.17)!important}
body.home #rk-color-selector .rk-swatch:focus-within{outline:2px solid #1871c1;outline-offset:3px}
@media(hover:hover){body.home #rk-color-selector .rk-swatch:hover{transform:translateY(-3px)}}
body.home #rk-price-factors .rk-factor:before{content:none!important;display:none!important;background:none!important}
body.home #rk-price-factors .rk-factors-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}
body.home #rk-price-factors .rk-factor{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-width:0;min-height:247px!important;padding:17px 16px 22px!important;isolation:isolate;border:1px solid #c4dced!important;border-radius:21px!important;background:linear-gradient(145deg,#fff,#eaf4fd)!important;box-shadow:0 9px 24px rgba(8,48,97,.075)!important;transition:transform .27s ease,box-shadow .27s ease}
body.home #rk-price-factors .rk-factor>img.rk-factor-cutout{display:block!important;width:clamp(105px,13vw,158px)!important;height:clamp(100px,13vw,145px)!important;object-fit:contain!important;max-width:100%!important;margin:0 auto 8px!important;border:none!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 8px 10px rgba(6,58,113,.10));transition:transform .27s ease}
body.home #rk-price-factors .rk-factor strong{display:block;font-size:clamp(15px,1.35vw,19px)!important;color:#0c466f!important;line-height:1.55!important}
body.home #rk-price-factors .rk-factor p{font-size:clamp(12px,1vw,14px)!important;line-height:1.8!important;color:#496073!important}
@media(hover:hover){body.home #rk-price-factors .rk-factor:hover{transform:translateY(-6px);box-shadow:0 16px 29px rgba(9,53,109,.14)!important}body.home #rk-price-factors .rk-factor:hover .rk-factor-cutout{transform:scale(1.07)}}
@media(max-width:870px){body.home #rk-color-selector .rk-color-cols{grid-template-columns:1fr!important}body.home #rk-price-factors .rk-factors-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){body.home #rk-color-selector{padding:18px 12px!important}body.home #rk-color-selector .rk-door-preview.rk-photo-preview{min-height:235px!important;padding:12px 8px!important}body.home #rk-color-selector .rk-cabinet-real-gallery{height:218px}body.home #rk-color-selector .rk-swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}body.home #rk-color-selector label.rk-swatch{min-height:101px!important;padding:7px 3px!important;font-size:12px!important}body.home #rk-color-selector .rk-swatch .rk-chip{width:53px!important;height:53px!important}body.home #rk-price-factors .rk-factors-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}body.home #rk-price-factors .rk-factor{min-height:200px!important;padding:11px 9px 16px!important}body.home #rk-price-factors .rk-factor>img.rk-factor-cutout{width:115px!important;height:108px!important}body.home #rk-price-factors .rk-factor strong{font-size:14px!important}body.home #rk-price-factors .rk-factor p{font-size:12px!important}}
@media(max-width:360px){body.home #rk-color-selector .rk-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.home #rk-price-factors .rk-factors-grid{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){body.home #rk-color-selector img.rk-real-cabinet,body.home #rk-price-factors .rk-factor,body.home #rk-price-factors .rk-factor img{transition:none!important}}