:root{--ink:#171717;--muted:#777;--line:#e9e7e2;--paper:#fff;--soft:#f7f6f2;--accent:#b99455}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Cairo,sans-serif}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.announcement{background:#171717;color:#fff;font-size:12px}.announcement-inner{min-height:34px;display:flex;align-items:center;justify-content:space-between}.announcement a{color:#fff;margin-inline-start:16px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.nav{height:76px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand-mark{width:44px;height:44px;border-radius:50%;background:#171717;color:#fff;display:grid;place-items:center;font-weight:900}.brand-copy{display:grid}.brand-copy strong{font-size:16px}.brand-copy small{font-size:9px;letter-spacing:2px;color:#888}.desktop-nav{display:flex;gap:24px;margin-inline:auto}.desktop-nav a{color:#333;text-decoration:none;font-weight:700;font-size:13px}.nav-actions{display:flex;gap:8px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:14px;min-width:42px;height:42px;padding:0 12px}.cart-btn{position:relative;display:flex;align-items:center;gap:7px}.cart-count{position:absolute;top:-7px;right:-5px;background:#171717;color:#fff;min-width:20px;height:20px;border-radius:20px;display:grid;place-items:center;font-size:10px}.mobile-only{display:none}.search-panel,.mobile-menu{display:none}.search-panel.open{display:flex;padding:12px 0;gap:8px}.search-panel input{flex:1;padding:12px;border:1px solid var(--line);border-radius:12px}.ci-marketplace{padding:24px 0}.ci-market-tabs,.ci-market-pills{display:flex;gap:8px;overflow:auto}.ci-market-tab,.ci-market-pills a{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 16px;color:#222;text-decoration:none}.ci-market-tab.active,.ci-market-pills a.active{background:#171717;color:#fff}.ci-market-tab small{display:block;font-size:9px}.ci-promo-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:18px}.ci-promo-card{position:relative;min-height:360px;border-radius:26px;overflow:hidden;background:var(--soft)}.ci-promo-card img{width:100%;height:100%;object-fit:cover}.ci-promo-copy{position:absolute;right:24px;bottom:24px;background:rgba(255,255,255,.92);padding:18px;border-radius:18px;max-width:300px}.section{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.section-head h2{margin:0;font-size:30px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}.product-image{aspect-ratio:1/1;position:relative;background:var(--soft)}.product-image img{width:100%;height:100%;object-fit:cover}.product-body{padding:14px}.product-title{font-weight:800}.price-row{display:flex;justify-content:space-between;margin-top:8px}.ci-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.ci-product-actions button{border:1px solid var(--line);border-radius:11px;padding:10px;background:#fff;font-family:inherit}.ci-buy-native{background:#171717!important;color:#fff!important}.drawer{position:fixed;top:0;right:0;width:min(430px,100vw);height:100dvh;background:#fff;z-index:100;transform:translateX(105%);transition:.25s;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head,.drawer-foot{padding:18px;border-bottom:1px solid var(--line)}.drawer-body{flex:1;overflow:auto;padding:16px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.cart-item img{width:70px;height:70px;object-fit:cover;border-radius:12px}.backdrop{display:none;position:fixed;inset:0;background:#0008;z-index:90}.backdrop.show{display:block}.btn{border:0;border-radius:13px;padding:12px 18px;font-family:inherit;font-weight:800}.btn.primary{background:#171717;color:#fff}.full{width:100%}.bottom-dock{display:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;padding:40px 0;border-top:1px solid var(--line)}footer a{display:block;color:#555;text-decoration:none;margin:7px 0}.copyright{padding:16px 0;border-top:1px solid var(--line);font-size:12px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;background:#171717;color:#fff;padding:10px 18px;border-radius:12px;z-index:999}.toast.show{opacity:1;transform:translateX(-50%)}@media(max-width:900px){.desktop-nav{display:none}.mobile-only{display:block}.nav{height:66px}.brand-copy small{display:none}.ci-promo-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.section-head h2{font-size:23px}.mobile-menu{position:fixed;display:block;top:0;right:0;width:min(390px,88vw);height:100dvh;background:#fff;z-index:120;padding:20px;transform:translateX(110%);transition:.25s;overflow:auto}.mobile-menu.open{transform:none}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center}.mobile-category-list{display:grid;gap:8px;margin:16px 0}.mobile-category-list a,.mobile-menu-links a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:#222}.bottom-dock{position:fixed;display:flex;left:10px;right:10px;bottom:10px;z-index:70;background:#fff;border:1px solid var(--line);border-radius:18px;padding:7px;box-shadow:0 10px 30px #0002}.bottom-dock>*{flex:1;border:0;background:none;text-align:center;text-decoration:none;color:#222;font-family:inherit;font-size:10px}.bottom-dock b{display:block;font-size:18px}.footer-grid{grid-template-columns:1fr 1fr;padding-bottom:100px}.announcement-links{display:none}.ci-marketplace{padding-top:14px}.ci-promo-card{min-height:300px}.ci-product-actions{grid-template-columns:1fr}.cart-btn .ci-cart-label{display:none}}.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{min-height:110px;border:1px solid var(--line);border-radius:18px;padding:16px;text-decoration:none;color:#222;background:var(--soft)}.category-thumb{height:54px}.category-thumb img{width:54px;height:54px;object-fit:cover;border-radius:14px}.category-placeholder{font-size:30px}.category-card h3{margin:8px 0 0;font-size:14px}.promo{margin-top:20px;margin-bottom:20px;border-radius:24px;background:#171717;color:#fff;padding:28px;display:flex;justify-content:space-between}.ba-card{border:1px solid var(--line);border-radius:24px;overflow:hidden}.ba-compare{height:480px;position:relative;background:#f3f0e9;overflow:hidden}.ba-room{position:absolute;inset:0}.ba-before{background:linear-gradient(#f7f4ed 0 72%,#d8d0c2 72%)}.ba-after{clip-path:inset(0 calc(100% - var(--position)) 0 0);background:linear-gradient(#f7f4ed 0 72%,#d8d0c2 72%)}.ba-art{position:absolute;width:38%;top:16%;left:31%;padding:6px;background:#fff;box-shadow:0 10px 24px #0002}.ba-art img{width:100%;display:block}.ba-range{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.ba-handle{position:absolute;top:0;bottom:0;left:var(--position);width:2px;background:#fff}.ba-label{position:absolute;top:16px;background:#171717;color:#fff;padding:5px 9px;border-radius:8px}.before-label{right:16px}.after-label{left:16px}.ba-info{padding:20px}.room-choice-row,.size-choice-row,.ci4312-mode-row,.ci4312-colors{display:flex;gap:7px;overflow:auto;margin:8px 0}.room-choice,.ci4312-mode,.ci4312-color{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px}.room-choice.active,.ci4312-mode.active{background:#171717;color:#fff}.checkout-dialog,.success-dialog{border:0;border-radius:24px;padding:0;width:min(680px,94vw);max-height:92dvh}.checkout-dialog::backdrop,.success-dialog::backdrop{background:#0008}.checkout-form,.success-card{padding:24px}.checkout-head{display:flex;justify-content:space-between}.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkout-grid label{display:grid;gap:5px}.checkout-grid .wide{grid-column:1/-1}.checkout-grid input,.checkout-grid select,.checkout-grid textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;font:inherit}.checkout-totals{margin:14px 0}.checkout-totals>div,.total-row{display:flex;justify-content:space-between;padding:6px 0}.ci4312-frame-panel{padding:16px 20px;border-bottom:1px solid var(--line)}@media(max-width:900px){.category-row{display:flex;overflow:auto}.category-card{min-width:145px}.ba-compare{height:390px}.checkout-grid{grid-template-columns:1fr}.checkout-grid .wide{grid-column:auto}.promo{margin-inline:16px}.ci-market-tabs{margin-bottom:8px}}
/* Production polish — mobile-first luxury gallery */
.ci-main-banner{position:relative;margin-top:16px;min-height:230px;border-radius:26px;overflow:hidden;background:#171717}.ci-main-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}.ci-main-banner>div{position:absolute;inset:auto 24px 24px;z-index:2;color:#fff}.ci-main-banner h2{font-size:32px;margin:5px 0}.ci-main-banner a{display:inline-block;background:#fff;color:#171717;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:800}.motion-showcase{padding:20px 0 42px}.motion-stage{position:relative;min-height:560px;border-radius:30px;overflow:hidden;background:#f2efe9}.motion-art-wrap{position:absolute;left:8%;top:8%;width:46%;height:72%;display:grid;place-items:center}.motion-art-wrap img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 24px 60px #0003}.motion-copy{position:absolute;right:7%;top:12%;width:34%}.motion-copy span{font-size:10px;letter-spacing:2px}.motion-copy h1{font-size:48px;line-height:1.15;margin:12px 0}.motion-copy p{color:#666}.motion-green-panel{position:absolute;right:7%;bottom:7%;width:38%;background:#171717;color:#fff;border-radius:20px;padding:18px}.motion-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.motion-detail-grid>div{background:#ffffff12;border-radius:12px;padding:10px}.motion-actions{display:flex;gap:6px;flex-wrap:wrap}.motion-actions>*{border:1px solid #ffffff2b;background:#fff;color:#171717;padding:8px 10px;border-radius:10px;text-decoration:none;font:inherit;font-weight:800}.motion-nav{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px}.motion-nav button{width:8px;height:8px;border:0;border-radius:20px;background:#ccc}.motion-nav button.active{width:26px;background:#171717}.motion-nav span{font-size:10px;color:#888;margin-inline-start:8px}.gallery-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-bottom:34px}.gallery-trust>div{display:flex;gap:12px;padding:16px;border-top:1px solid var(--line)}.gallery-trust span{font-size:11px;color:#999}.gallery-trust p{margin:0}.gallery-trust b,.gallery-trust small{display:block}.gallery-trust small{color:#777;margin-top:3px}.product-card{transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px #0000000d}.product-image img{transition:transform .35s ease}.product-card:hover .product-image img{transform:scale(1.025)}
@media(max-width:900px){.shell{width:min(100% - 22px,1180px)}.announcement-inner{justify-content:center}.site-header .nav{gap:8px}.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:13px}.nav-actions{margin-inline-start:auto}.icon-btn{min-width:38px;height:38px;padding:0 9px}.ci-marketplace{padding-top:10px}.ci-market-tabs{display:grid;grid-template-columns:1fr 1fr}.ci-market-tab{padding:9px 8px;font-size:11px}.ci-market-pills{padding-bottom:3px}.ci-promo-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:10px}.ci-promo-card{min-width:88%;min-height:310px;scroll-snap-align:start}.ci-main-banner{min-height:190px}.ci-main-banner h2{font-size:24px}.motion-showcase{padding-top:8px}.motion-stage{min-height:650px;border-radius:22px}.motion-art-wrap{left:7%;top:5%;width:86%;height:46%}.motion-copy{right:7%;left:7%;top:53%;width:auto}.motion-copy h1{font-size:32px;margin:7px 0}.motion-copy p{font-size:12px;margin:4px 0 10px}.motion-green-panel{right:5%;left:5%;bottom:4%;width:auto;padding:13px}.motion-product-head{display:flex;justify-content:space-between;gap:8px}.motion-detail-grid{margin:7px 0}.motion-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.motion-actions>*{font-size:10px;text-align:center;padding:8px 4px}.gallery-trust{display:flex;overflow:auto;padding-bottom:20px}.gallery-trust>div{min-width:78%}.section{padding:30px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-body{padding:10px}.product-title{font-size:12px;min-height:36px}.price{font-size:12px}.ci-product-actions button{font-size:10px;padding:9px 4px}.footer-grid{gap:14px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:390px){.brand-copy{display:none}.product-grid{gap:7px}.motion-stage{min-height:625px}}

/* Keep the room preview legible on a phone: artwork above a visible sofa. */
#beforeAfter .ba-room{background:linear-gradient(to bottom,#f8f7f3 0 72%,#ded9cf 72% 100%)}
#beforeAfter .ba-room::before{content:"";position:absolute;left:20%;right:20%;bottom:21%;height:23%;border-radius:18px 18px 8px 8px;background:linear-gradient(120deg,#dedbd3,#f2efe9 48%,#d6d1c8);box-shadow:inset 0 -10px 15px #9d968833,0 10px 14px #544b3a24}
#beforeAfter .ba-room::after{content:"";position:absolute;left:17%;right:17%;bottom:13%;height:12%;border-radius:10px 10px 25px 25px;background:linear-gradient(#eeeae2,#ccc6bb);box-shadow:0 12px 18px #645b4d30}
#beforeAfter .ba-art{width:52%;left:24%;top:13%;padding:0;background:transparent;z-index:2;box-shadow:0 10px 24px #0003}
#beforeAfter .ba-art img{width:100%;height:auto;display:block;object-fit:contain}
@media(max-width:900px){#beforeAfter .ba-compare{height:370px}#beforeAfter .ba-art{width:66%;left:17%;top:15%}#beforeAfter .ba-room::before{left:13%;right:13%;bottom:19%;height:20%}#beforeAfter .ba-room::after{left:10%;right:10%;bottom:10%;height:11%}}

/* Home is an introduction; browsing happens on the catalog page. */
#categories .category-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;gap:12px}
#categories .category-card{min-width:0;min-height:84px;display:flex;align-items:center;justify-content:center;text-align:center;background:#f7fbfa;border-color:#dcebe7;padding:14px}
#categories .category-thumb{display:none}
#categories .category-card h3{margin:0;font-size:15px;color:#155b57}
#products .section-head{align-items:center}
#showAllBtn{background:#0e7773;color:#fff;border:0;border-radius:12px;padding:10px 14px;font-family:inherit;font-weight:800;cursor:pointer}
@media(max-width:900px){#categories .category-row{grid-template-columns:repeat(2,minmax(0,1fr))}#categories .category-card{min-height:68px}#categories .category-card h3{font-size:13px}#products .section-head{gap:8px}#showAllBtn{font-size:11px;padding:9px}}

/* Featured artwork motion: preserve the source image's portrait or landscape shape. */
#motionShowcase .motion-stage{isolation:isolate;background:#e7f3ef;transition:background .7s ease}
#motionShowcase .motion-stage[data-slide="1"]{background:#f2eee4}
#motionShowcase .motion-stage[data-slide="2"]{background:#e8eef3}
#motionShowcase .motion-stage::before{content:"";position:absolute;z-index:0;width:76%;height:120%;left:-17%;top:-15%;border-radius:44% 56% 62% 38% / 48% 48% 52% 52%;background:linear-gradient(145deg,#76bdad,#0f7773);filter:drop-shadow(12px 20px 28px #1d776230);animation:ciHeroBlob 8s ease-in-out infinite alternate;transition:background .7s ease}
#motionShowcase .motion-stage[data-slide="1"]::before{background:linear-gradient(145deg,#e5c995,#b99455)}
#motionShowcase .motion-stage[data-slide="2"]::before{background:linear-gradient(145deg,#a8c7d3,#387a85)}
#motionShowcase .motion-art-wrap{z-index:2;overflow:visible}
#motionShowcase .motion-art-wrap img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:3px;box-shadow:0 22px 42px #142d2940;transform-origin:center}
#motionShowcase .motion-art-wrap img[data-orientation="portrait"]{width:auto;height:95%;max-width:100%}
#motionShowcase .motion-art-wrap img[data-orientation="landscape"]{width:100%;height:auto;max-height:95%}
#motionShowcase .motion-art-wrap img.motion-enter{animation:ciHeroArtIn .8s cubic-bezier(.2,.8,.2,1) both}
#motionShowcase .motion-copy,#motionShowcase .motion-panel{z-index:3}
#motionShowcase .motion-nav button{cursor:pointer}
#motionShowcase .motion-nav button[hidden]{display:none}
@keyframes ciHeroBlob{to{border-radius:56% 44% 42% 58% / 40% 60% 40% 60%;transform:translate(3%,2%) rotate(4deg)}}
@keyframes ciHeroArtIn{from{opacity:0;transform:translateX(-25px) scale(.9) rotate(-3deg)}to{opacity:1;transform:translateX(0) scale(1) rotate(0)}}
@media(max-width:900px){#motionShowcase .motion-stage::before{width:130%;height:60%;left:-15%;top:-9%}#motionShowcase .motion-art-wrap img[data-orientation="portrait"]{height:97%}#motionShowcase .motion-art-wrap img[data-orientation="landscape"]{width:100%}}
@media(prefers-reduced-motion:reduce){#motionShowcase .motion-stage::before,#motionShowcase .motion-art-wrap img.motion-enter{animation:none}}

/* Continuous moving scene inspired by the reference animation. */
#motionShowcase .motion-stage::before{animation:ciHeroTravel 6s ease-in-out infinite alternate;will-change:transform,border-radius}
#motionShowcase .motion-stage::after{content:"";position:absolute;z-index:1;width:28%;height:38%;left:23%;top:2%;border-radius:50%;background:radial-gradient(circle,#ffffff7d 0,#ffffff15 50%,transparent 70%);filter:blur(8px);animation:ciHeroLight 5s ease-in-out infinite alternate;pointer-events:none}
#motionShowcase .motion-orb{position:absolute;z-index:1;display:block;width:46px;height:46px;border-radius:18px;background:linear-gradient(140deg,#d8b874,#9b783d);box-shadow:inset -9px -10px 14px #62451a55,0 14px 22px #264d4840;pointer-events:none;animation:ciHeroPieceA 5s ease-in-out infinite alternate}
#motionShowcase .orb-a{left:8%;top:12%;transform:rotate(22deg)}
#motionShowcase .orb-b{left:53%;top:64%;width:28px;height:28px;border-radius:50%;background:linear-gradient(140deg,#65b9a7,#176d67);animation:ciHeroPieceB 4.5s ease-in-out infinite alternate}
#motionShowcase .motion-art-wrap{animation:ciHeroFloat 4.5s ease-in-out infinite alternate;will-change:transform}
#motionShowcase .motion-art-wrap img.motion-enter{animation:ciHeroArtFly .95s cubic-bezier(.16,1,.3,1) both}
#motionShowcase .motion-stage.motion-changing::before{animation:ciHeroShift .9s ease both,ciHeroTravel 6s .9s ease-in-out infinite alternate}
#motionShowcase .motion-stage.motion-changing .motion-copy{animation:ciHeroCopy .7s ease both}
@keyframes ciHeroTravel{from{transform:translate(-10%,-3%) rotate(-9deg) scale(.94);border-radius:38% 62% 52% 48% / 43% 54% 46% 57%}to{transform:translate(12%,4%) rotate(8deg) scale(1.08);border-radius:59% 41% 43% 57% / 57% 39% 61% 43%}}
@keyframes ciHeroShift{from{transform:translate(-18%,-4%) scale(.88);opacity:.65}to{transform:translate(0,0) scale(1);opacity:1}}
@keyframes ciHeroFloat{from{transform:translateY(-10px) rotate(-1.5deg)}to{transform:translateY(12px) rotate(1.5deg)}}
@keyframes ciHeroPieceA{to{transform:translate(100px,70px) rotate(150deg)}}
@keyframes ciHeroPieceB{to{transform:translate(-90px,-65px) rotate(-75deg)}}
@keyframes ciHeroLight{to{transform:translate(55px,45px) scale(1.25);opacity:.4}}
@keyframes ciHeroArtFly{from{opacity:0;transform:translate(-65px,55px) rotate(-8deg) scale(.72);filter:blur(7px)}to{opacity:1;transform:translate(0,0) rotate(0) scale(1);filter:blur(0)}}
@keyframes ciHeroCopy{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#motionShowcase .motion-orb{width:27px;height:27px;border-radius:9px}#motionShowcase .orb-a{left:8%;top:9%}#motionShowcase .orb-b{left:78%;top:32%;width:20px;height:20px}#motionShowcase .motion-stage::after{width:55%;height:28%;left:28%}}
@media(prefers-reduced-motion:reduce){#motionShowcase .motion-stage::before,#motionShowcase .motion-stage::after,#motionShowcase .motion-orb,#motionShowcase .motion-art-wrap,#motionShowcase .motion-art-wrap img.motion-enter,#motionShowcase .motion-stage.motion-changing .motion-copy{animation:none}}

/* Botanical palette and a shared, fully furnished room for the reveal. */
:root{--ink:#193d36;--muted:#637b70;--line:#e4e9df;--soft:#f4f7ef;--accent:#b9975e}
.announcement{background:#155b50}.brand-mark{background:#113c36;color:#d9b66e;border:1px solid #b9975e}
.cart-count,.ci-market-tab.active,.ci-market-pills a.active{background:#196b58}
.ci-buy-native,.btn.primary{background:#25834f!important;color:#fff!important}
#showAllBtn{background:#196b58}
.promo{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#103b35,#267767 72%,#669983);color:#fff}
.promo::before,.promo::after{content:"";position:absolute;z-index:-1;border-radius:100% 0 100% 0;transform:rotate(-30deg);border:1px solid #e3cf9b5c;background:linear-gradient(120deg,#9bbd9b30,#e4d0a42e)}
.promo::before{width:230px;height:100px;left:8%;top:-22px}.promo::after{width:170px;height:80px;left:27%;bottom:-20px}
.promo .btn.light{display:inline-block;background:#e7cfab;color:#285344;text-decoration:none}
#categories .category-card{background:#e7eee1;border-color:#cfdfcf}
#categories .category-card:nth-child(3n + 2){background:#f2e4d5;border-color:#e8d2bc}
#categories .category-card:nth-child(3n){background:#e1efea;border-color:#cbe1d8}
#categories .category-card h3{color:#285a49}
#beforeAfter .ba-compare{height:460px;background:#eee7d9;touch-action:pan-y}
#beforeAfter .ba-room{background:linear-gradient(to bottom,#ecebe1 0 70%,#a9896a 70% 71%,#b49c82 71% 100%)}
#beforeAfter .ba-room::before,#beforeAfter .ba-room::after{content:none}
#beforeAfter .ba-after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}
#beforeAfter .ba-wall{position:absolute;inset:0;pointer-events:none}
#beforeAfter .ba-art{position:absolute;left:50%;top:14%;width:240px;max-height:34%;transform:translateX(-50%);box-shadow:0 8px 15px #392c2438;z-index:5}
#beforeAfter .ba-art img{display:block;width:100%;height:auto;max-height:150px;object-fit:contain}
#beforeAfter .room-scene{position:absolute;inset:0;overflow:hidden}
#beforeAfter .room-molding{position:absolute;left:0;right:0;top:6%;height:64%;background:repeating-linear-gradient(90deg,transparent 0 22%,#d6d0bd 22.15% 22.4%,transparent 22.55% 47%);border-bottom:12px solid #dfd7c5;box-shadow:0 3px 5px #65462e16}
#beforeAfter .room-window{position:absolute;left:8%;top:10%;width:14%;height:43%;border:7px solid #d7c9b2;background:linear-gradient(145deg,#c7dedb,#edf3e5 58%,#a9bd9e);box-shadow:inset 0 0 0 3px #f6f0e5,0 5px 18px #54453729}
#beforeAfter .room-window::after{content:"";position:absolute;inset:50% 0 auto;border-top:4px solid #d7c9b2}
#beforeAfter .room-curtain{position:absolute;left:5%;top:8%;height:52%;width:6%;background:repeating-linear-gradient(90deg,#a0b2a0 0 8px,#bfcbb8 8px 16px);border-radius:0 0 12px 4px;box-shadow:8px 4px 14px #4d564338}
#beforeAfter .room-rug{position:absolute;left:18%;bottom:-10%;width:66%;height:22%;background:#d6c2aa;border-radius:50%;box-shadow:0 0 0 9px #e8d9c6,0 0 0 12px #b7a18a}
#beforeAfter .room-sofa{position:absolute;left:30%;bottom:13%;width:48%;height:28%;filter:drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .room-sofa i{position:absolute;display:block}
#beforeAfter .sofa-back{inset:0 3% 23%;border-radius:19% 19% 10% 10%;background:linear-gradient(120deg,#cbb49c,#e2d2bc 50%,#b9a087);box-shadow:inset 0 -12px 15px #5c49351c}
#beforeAfter .sofa-seat{left:1%;right:1%;bottom:4%;height:35%;border-radius:12% 12% 20% 20%;background:linear-gradient(#eadac6,#bba48b)}
#beforeAfter .sofa-arm{bottom:5%;width:15%;height:58%;border-radius:35% 35% 20% 20%;background:linear-gradient(100deg,#bda68d,#e2d0b8);z-index:2}
#beforeAfter .sofa-arm.left{left:-4%}#beforeAfter .sofa-arm.right{right:-4%}
#beforeAfter .sofa-pillow{bottom:30%;width:21%;height:41%;border-radius:28%;z-index:1;transform:rotate(-13deg);background:#8ea48c;box-shadow:inset -8px -8px 9px #28392725}
#beforeAfter .sofa-pillow.left{left:17%}#beforeAfter .sofa-pillow.right{right:16%;transform:rotate(13deg);background:#b8876a}
#beforeAfter .room-table{position:absolute;left:20%;bottom:7%;width:18%;height:5%;border-radius:50%;background:#82583e;box-shadow:0 9px 0 -1px #593e31,0 24px 0 -7px #684632}
#beforeAfter .room-vase{position:absolute;left:26%;bottom:12%;width:4%;height:10%;border-radius:10% 10% 43% 43%;background:linear-gradient(90deg,#ad8c65,#e3c79e,#957354);z-index:2}
#beforeAfter .room-plant{position:absolute;right:7%;bottom:16%;height:34%;width:13%;background:radial-gradient(ellipse at 38% 28%,#52735b 0 10%,transparent 11%),radial-gradient(ellipse at 75% 36%,#6d8b66 0 12%,transparent 13%),radial-gradient(ellipse at 26% 54%,#4a7555 0 13%,transparent 14%),linear-gradient(90deg,transparent 49%,#6a7951 49% 52%,transparent 52%);z-index:2}
#beforeAfter .room-plant::after{content:"";position:absolute;bottom:-13%;left:24%;width:54%;height:27%;border-radius:6px 6px 45% 45%;background:#ad7c5b}
#beforeAfter .ba-handle{z-index:7;width:3px;background:#fff;box-shadow:0 0 0 1px #244d3b66;pointer-events:none}
#beforeAfter .ba-handle span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f8f7ef;color:#185d4c;box-shadow:0 3px 14px #173c3140;font-size:20px}
#beforeAfter .ba-range{z-index:8}
#beforeAfter .ba-label{z-index:9;background:#175c4e;pointer-events:none}
#beforeAfter .ci4312-mode.active,#beforeAfter .room-choice.active{background:#196b58;color:#fff}
#beforeAfter .ci4312-mode{border-color:#196b58;color:#196b58}
#beforeAfter .ci4312-color.active{border-color:#196b58;box-shadow:0 0 0 2px #dceee5}
@media(max-width:900px){#beforeAfter .ba-compare{height:350px}#beforeAfter .ba-art{top:16%;width:170px}#beforeAfter .ba-art img{max-height:120px}#beforeAfter .room-sofa{left:24%;width:57%;bottom:14%;height:25%}#beforeAfter .room-window{left:5%;width:19%}#beforeAfter .room-plant{right:4%}}
@media(prefers-reduced-motion:reduce){#beforeAfter .ba-handle{transition:none}}

#beforeAfter .ba-compare[data-room="office"] .ba-room{background:linear-gradient(#e4e9e5 0 70%,#8d7560 70% 71%,#9b8771 71%)}
#beforeAfter .ba-compare[data-room="office"] .room-sofa{filter:sepia(.3) saturate(.65) drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .ba-compare[data-room="guest"] .ba-room{background:linear-gradient(#f2e6d5 0 70%,#b99570 70% 71%,#bc9b79 71%)}
#beforeAfter .ba-compare[data-room="guest"] .room-sofa{filter:sepia(.48) saturate(.8) drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .ba-compare[data-room="bedroom"] .ba-room{background:linear-gradient(#e9e5e4 0 70%,#ae998d 70% 71%,#c3b0a4 71%)}
#beforeAfter .ba-compare[data-room="bedroom"] .room-sofa{filter:hue-rotate(30deg) saturate(.65) drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .ba-compare[data-room="clinic"] .ba-room{background:linear-gradient(#f0f6f1 0 70%,#c0c8bf 70% 71%,#d6dbd2 71%)}
#beforeAfter .ba-compare[data-room="clinic"] .room-sofa{filter:saturate(.55) brightness(1.08) drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .ba-compare[data-room="law"] .ba-room{background:linear-gradient(#e6e1d6 0 70%,#705d4c 70% 71%,#856f5c 71%)}
#beforeAfter .ba-compare[data-room="law"] .room-sofa{filter:sepia(.7) brightness(.83) drop-shadow(0 17px 10px #322a2345)}
#beforeAfter .size-choice-wrap:not(:has(.size-choice-row > *)){display:none}

/* Real interior photograph, identical before/after; only the artwork is revealed. */
#beforeAfter .ba-room,
#beforeAfter .ba-compare[data-room] .ba-room{background:#eee6d9 url('/assets/room-real.webp') center center / cover no-repeat!important}
#beforeAfter .room-scene{display:none}
#beforeAfter .ba-art{top:14%;box-shadow:0 9px 22px #352b2752}
#beforeAfter .ba-art img{max-height:none}
#beforeAfter .room-choice-wrap{display:none}

/* Distinctive multicolor header rail and coherent basket navigation. */
.announcement{position:relative;isolation:isolate;background:linear-gradient(105deg,#103e37 0%,#166b5d 34%,#2a8974 67%,#a78954 100%);color:#fff}
.announcement::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#e8cf9c 0 18%,#7eb69d 18% 40%,#e4ae7e 40% 56%,#f3e8ce 56% 72%,#b9975e 72% 100%)}
.announcement-inner{position:relative;z-index:1}.announcement #announcementText{font-weight:700;letter-spacing:.1px}
#cartBtn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;min-width:104px;height:44px;padding:0 13px;background:#f1f8f3;border:1px solid #bfd8c9;border-radius:15px;color:#1a5d4b;font-weight:900;box-shadow:0 3px 10px #244a3b0d}
#cartBtn .ci-cart-icon{width:25px;height:25px;display:grid;place-items:center;color:#1b6652}
.basket-svg{width:24px;height:24px;display:block;flex:none}
#cartBtn .ci-cart-label{display:inline;font-size:13px}
#cartBtn .cart-count{right:auto;left:-7px;top:-8px;min-width:23px;height:23px;padding:0 4px;background:#b58b4e;border:2px solid #fff;font-size:11px;font-weight:900}
#cartDrawer{width:min(430px,100vw);box-shadow:-22px 0 60px #15372e29}
#cartDrawer .drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:linear-gradient(125deg,#f8fbf7,#ebf3ec);border-bottom:1px solid #dce9df}
.cart-drawer-title{display:flex;align-items:center;gap:11px}.cart-drawer-title small{font-size:10px;letter-spacing:1.3px;color:#a48045;font-weight:900}.cart-drawer-title h3{margin:0;color:#174f42;font-size:21px}
.cart-drawer-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#1c6956;color:#e8d09d}
#cartClose{font-size:24px;color:#1c5849}
#cartDrawer .drawer-body{background:#fff;padding:20px}
#cartDrawer .drawer-foot{border-top:1px solid #dfeae2;border-bottom:0;padding:20px;background:#f8faf7;box-shadow:0 -8px 22px #234d3a0a}
#cartDrawer .total-row{font-size:15px;color:#3e6455;margin-bottom:10px}#cartDrawer .total-row strong{color:#174c3f;font-size:20px}
#cartDrawer .cart-item{grid-template-columns:78px minmax(0,1fr) auto;gap:12px;padding:14px 0}
#cartDrawer .cart-item img{width:78px;height:82px;border-radius:13px;background:#f3f5f0}
#cartDrawer .cart-item h4{margin:0 0 3px;font-size:14px;line-height:1.35}
#cartDrawer .cart-item small{color:#698377}
#cartDrawer .cart-item strong{white-space:nowrap;font-size:13px;color:#1d6a4d}
#cartDrawer .qty{display:inline-flex;align-items:center;gap:9px;margin-top:10px;border:1px solid #d9e6dd;border-radius:10px;padding:2px 5px}
#cartDrawer .qty button{width:24px;height:24px;border:0;background:transparent;color:#1a6652;font-size:19px}
#cartDrawer .remove{display:block;margin-top:10px;margin-inline-start:auto;border:0;background:#fbeeea;color:#ae4a43;border-radius:8px;width:25px;height:25px}
.cart-empty{text-align:center;display:grid;justify-items:center;align-content:center;min-height:44vh;color:#254f42;padding:20px}
.cart-empty-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#dceee1,#ead6ad);color:#226d52;font-size:36px}
.cart-empty h4{font-size:20px;margin:16px 0 2px}.cart-empty p{max-width:250px;font-size:13px;color:#6d8075;line-height:1.8}.cart-empty a{display:inline-block;margin-top:12px;padding:11px 18px;border-radius:12px;background:#23814e;color:#fff;text-decoration:none;font-weight:800}
@media(max-width:900px){.announcement-inner{min-height:40px}#cartBtn{min-width:75px;height:40px;padding:0 8px;gap:4px;border-radius:13px}#cartBtn .ci-cart-label{display:inline;font-size:11px}#cartBtn .ci-cart-icon .basket-svg{width:20px;height:20px}.bottom-dock{border:1px solid #dce8df;border-top:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#1e6c58,#9abb9b,#d6ae78,#1e6c58) border-box}.bottom-dock #dockCart b{width:36px;height:32px;margin:0 auto 3px;display:grid;place-items:center;border-radius:12px;background:#e6f2e9;color:#176650}.bottom-dock #dockCart .basket-svg{width:21px;height:21px}}
@media(max-width:370px){#cartBtn{min-width:64px}#cartBtn .ci-cart-label{font-size:10px}}

/* Mobile category panel stays below the header and leaves the basket accessible. */
.menu-backdrop{display:none}
@media(max-width:900px){
body.mobile-menu-open .site-header{z-index:130}
body.mobile-menu-open .site-header .nav{position:relative;z-index:125}
body.mobile-menu-open .menu-backdrop{display:block;position:fixed;inset:0;background:#173d3359;z-index:115}
#mobileMenu.mobile-menu{position:fixed;top:var(--ci-menu-top,76px);right:11px;left:11px;width:auto;height:auto;max-height:calc(100dvh - var(--ci-menu-top,76px) - 24px);margin:0;padding:0;overflow:auto;z-index:140;border:1px solid #d9e6dc;border-radius:20px;background:#fff;box-shadow:0 22px 55px #0c302b3b;transform:translateY(-10px);opacity:0;visibility:hidden;pointer-events:none;transition:transform .22s ease,opacity .22s ease,visibility .22s}
#mobileMenu.mobile-menu.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
#mobileMenu .mobile-menu-head{position:sticky;top:0;z-index:2;min-height:62px;padding:11px 17px;background:linear-gradient(100deg,#16584d,#23806a 72%,#b59055);color:white}
#mobileMenu .mobile-menu-head strong{font-size:17px}
#mobileMenu #mobileMenuClose{width:36px;height:36px;border:1px solid #ffffff8a;border-radius:11px;background:#ffffff24;color:white;font-size:25px;line-height:1}
#mobileMenu .mobile-category-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:14px}
#mobileMenu .mobile-category-list a{display:flex;align-items:center;gap:8px;min-height:71px;padding:10px 12px;border:1px solid #d7e5da;border-radius:15px;background:#eef6ee;color:#244d3e;font-size:12px;box-shadow:none}
#mobileMenu .mobile-category-list a:nth-child(3n + 2){background:#f4eee3;border-color:#e9dbc8;color:#67513b}
#mobileMenu .mobile-category-list a:nth-child(3n){background:#e9f4f1;border-color:#d1e8df;color:#1b6256}
#mobileMenu .mobile-category-list a span{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:8px;background:#ffffffad;color:#b38c52;font-size:17px}
#mobileMenu .mobile-category-list a b{font-size:12px;line-height:1.3}
#mobileMenu .mobile-category-list a i{margin-inline-start:auto;font-style:normal;opacity:.6}
#mobileMenu .mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 14px 14px}
#mobileMenu .mobile-menu-links a{justify-content:center;min-height:44px;text-align:center;border:1px solid #dce8df;border-radius:12px;background:#fff;color:#275f4e;font-size:12px;font-weight:800}
#mobileMenu .mobile-menu-links a:last-child{grid-column:1/-1;background:#f7f8f3}
.bottom-dock a b,.bottom-dock button b{width:36px;height:32px;margin:0 auto 3px;display:grid;place-items:center;border-radius:12px}
.bottom-dock a:nth-child(1) b{background:#e5f2ef;color:#145f54}
.bottom-dock a:nth-child(2) b{background:#edf3e5;color:#51724b}
.bottom-dock #dockSearch b{background:#f3ebdf;color:#927044}
.bottom-dock #dockCart b{background:#e2f2e8;color:#176650}
.bottom-dock a:nth-child(5) b,.bottom-dock button:nth-child(5) b{background:#f5e9d2;color:#9b7440}
}
@media(max-width:390px){#mobileMenu .mobile-category-list a{min-height:62px;padding:8px}#mobileMenu .mobile-category-list a b{font-size:11px}}

/* Canvas Iraq rewards: compact mobile card with an animated gold seal. */
#ciLoyaltyDialog{width:min(420px,calc(100vw - 28px));max-width:420px;max-height:min(90dvh,720px);padding:0;border:0;border-radius:24px;background:transparent;box-shadow:0 28px 70px #092c245c;overflow:hidden;color:#1c483b;font-family:Cairo,sans-serif}
#ciLoyaltyDialog[open]{animation:ciRewardsEnter .55s cubic-bezier(.2,1.2,.3,1) both}
#ciLoyaltyDialog::backdrop{background:#102c2bb3;backdrop-filter:blur(6px)}
#ciLoyaltyDialog .ci-loyalty-card{overflow:auto;max-height:min(90dvh,720px);background:#fff;border-radius:24px}
#ciLoyaltyDialog .ci-loyalty-hero{position:relative;isolation:isolate;text-align:center;overflow:hidden;padding:26px 22px 25px;background:radial-gradient(circle at 50% 5%,#3b9a79 0,#186957 45%,#10493f 100%);color:#fff}
#ciLoyaltyDialog .ci-loyalty-hero::before,#ciLoyaltyDialog .ci-loyalty-hero::after{content:"";position:absolute;z-index:-1;width:190px;height:190px;border:1px solid #e7d3a55c;border-radius:50%;left:50%;top:26px;transform:translateX(-50%);pointer-events:none}
#ciLoyaltyDialog .ci-loyalty-hero::after{width:255px;height:255px;top:-7px;opacity:.45}
#ciLoyaltyDialog .ci-loyalty-hero>small{display:block;color:#e5cd99;letter-spacing:2px;font-size:10px;font-weight:900}
#ciLoyaltyDialog .ci-loyalty-close{position:absolute;left:14px;top:13px;width:34px;height:34px;border:1px solid #ffffff75;border-radius:11px;background:#ffffff1f;color:#fff;font-size:25px;line-height:1;cursor:pointer;z-index:2}
#ciLoyaltyDialog .ci-loyalty-medal{position:relative;width:76px;height:76px;margin:20px auto 12px;display:grid;place-items:center;border-radius:50%;border:2px solid #f1dda8;background:linear-gradient(140deg,#f5e2b4,#bf9452 65%,#e9cd93);box-shadow:inset 0 0 0 5px #fdf1cb7d,0 14px 25px #0b2f2b7a;color:#235144;animation:ciRewardsFloat 3.2s ease-in-out infinite}
#ciLoyaltyDialog .ci-loyalty-medal::after{content:"";position:absolute;inset:-7px;border:1px dashed #f9e7bb8f;border-radius:50%;animation:ciRewardsSpin 16s linear infinite}
#ciLoyaltyDialog .ci-loyalty-medal span{font-size:38px;text-shadow:0 2px 2px #fff9}
#ciLoyaltyDialog h3{font-size:23px;margin:5px 0 3px;line-height:1.3}
#ciLoyaltyDialog .ci-loyalty-hero p{font-size:12px;color:#e0eee4;line-height:1.7;margin:8px auto 0;max-width:280px}
#ciLoyaltyDialog .ci-loyalty-steps{display:flex;justify-content:center;gap:9px;margin-top:17px}
#ciLoyaltyDialog .ci-loyalty-steps i{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#ffffff21;border:1px solid #e8d7ae7d;color:#e6c98d;font-style:normal;font-size:15px;animation:ciRewardsTwinkle 2.8s ease-in-out infinite}
#ciLoyaltyDialog .ci-loyalty-steps i:nth-child(2){animation-delay:.2s}#ciLoyaltyDialog .ci-loyalty-steps i:nth-child(3){animation-delay:.4s}#ciLoyaltyDialog .ci-loyalty-steps i:nth-child(4){animation-delay:.6s}#ciLoyaltyDialog .ci-loyalty-steps i:nth-child(5){animation-delay:.8s;background:#d9b77a;color:#225644}
#ciLoyaltyDialog .ci-loyalty-body{padding:21px 24px 24px}
#ciLoyaltyDialog .ci-loyalty-body>p:first-child{margin:0 0 15px;color:#607b6d;font-size:13px;text-align:center;line-height:1.7}
#ciLoyaltyDialog .ci-loyalty-form{display:grid;gap:8px}
#ciLoyaltyDialog .ci-loyalty-form label{font-size:13px;font-weight:900;color:#295b49}
#ciLoyaltyDialog .ci-loyalty-form input{display:block;width:100%;height:48px;padding:0 15px;border:1px solid #d1e2d6;border-radius:12px;background:#f8faf7;color:#193e34;font:700 16px Cairo,sans-serif;text-align:center;outline:none;box-sizing:border-box}
#ciLoyaltyDialog .ci-loyalty-form input:focus{border-color:#2b8a68;box-shadow:0 0 0 3px #2c9a7226}
#ciLoyaltyDialog .ci-loyalty-form button{margin-top:6px;min-height:48px;border-radius:12px;background:linear-gradient(100deg,#237f50,#1a6c56)!important;color:#fff!important;font-weight:900;box-shadow:0 8px 18px #1d755a30;cursor:pointer}
#ciLoyaltyDialog .ci-loyalty-form button span{margin-inline-start:8px}
#ciLoyaltyDialog .ci-loyalty-form button:disabled{opacity:.65;cursor:wait}
#ciLoyaltyDialog .track-error{margin:7px 0 0;color:#b1443a;font-size:12px;text-align:center}
#ciLoyaltyDialog .track-error:empty,#ciLoyaltyDialog .track-result:empty{display:none}
#ciLoyaltyDialog .ci-loyalty-result{margin-top:17px;padding:15px;border:1px solid #d9e8db;border-radius:15px;background:#f6faf6;text-align:center;animation:ciRewardsEnter .45s ease both}
#ciLoyaltyDialog .ci-loyalty-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#ciLoyaltyDialog .ci-loyalty-metrics>div{display:grid;gap:3px;padding:9px;border-radius:10px;background:white}
#ciLoyaltyDialog .ci-loyalty-metrics small{font-size:11px;color:#668073}
#ciLoyaltyDialog .ci-loyalty-metrics strong{font-size:23px;color:#1c7352}
#ciLoyaltyDialog .ci-loyalty-progress{height:10px;margin:14px 0 8px;border-radius:10px;background:#dce8dd;overflow:hidden}
#ciLoyaltyDialog .ci-loyalty-progress i{display:block;height:100%;width:var(--progress);background:linear-gradient(90deg,#2c8a61,#d5b474);border-radius:10px;animation:ciRewardsProgress 1s ease both}
#ciLoyaltyDialog .ci-loyalty-result p{margin:5px 0;color:#2a624d;font-weight:900}
#ciLoyaltyDialog .ci-loyalty-result>small{color:#718b78}
@keyframes ciRewardsEnter{from{opacity:0;transform:translateY(25px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ciRewardsFloat{50%{transform:translateY(-7px) rotate(5deg)}}
@keyframes ciRewardsSpin{to{transform:rotate(360deg)}}
@keyframes ciRewardsTwinkle{50%{transform:scale(1.17);background:#e8c986;color:#225644}}
@keyframes ciRewardsProgress{from{width:0}to{width:var(--progress)}}
@media(max-width:500px){#ciLoyaltyDialog{width:calc(100vw - 26px)}#ciLoyaltyDialog .ci-loyalty-hero{padding-top:22px}#ciLoyaltyDialog .ci-loyalty-body{padding:18px 18px 22px}}
@media(prefers-reduced-motion:reduce){#ciLoyaltyDialog[open],#ciLoyaltyDialog .ci-loyalty-medal,#ciLoyaltyDialog .ci-loyalty-medal::after,#ciLoyaltyDialog .ci-loyalty-steps i,#ciLoyaltyDialog .ci-loyalty-result,#ciLoyaltyDialog .ci-loyalty-progress i{animation:none}}

/* Featured artwork: light jewel card with a subtle slide reveal. */
#motionShowcase .motion-green-panel{
  background:linear-gradient(130deg,rgba(255,255,255,.97),rgba(237,247,241,.94));
  color:#194c3f;border:1px solid rgba(188,153,92,.55);
  box-shadow:0 16px 38px rgba(18,76,62,.13),inset 0 1px 0 #fff;
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  overflow:hidden;
}
#motionShowcase .motion-green-panel::before{
  content:"";position:absolute;inset:0 0 auto;height:3px;
  background:linear-gradient(90deg,#167c69,#d6b276,#65b49d,#167c69);
  background-size:220% 100%;animation:ciHeroCardGlow 6s linear infinite;
}
#motionShowcase .motion-stage.motion-changing .motion-green-panel{
  animation:ciHeroCardReveal .72s cubic-bezier(.2,.8,.25,1) both;
}
#motionShowcase .motion-product-head{align-items:baseline}
#motionShowcase .motion-product-head small{color:#638779;font-weight:700}
#motionShowcase .motion-product-head strong{color:#195747;font-size:18px}
#motionShowcase .motion-detail-grid>div{
  background:#fff;border:1px solid #dce9df;color:#426a57;
}
#motionShowcase .motion-detail-grid b{color:#194c3f}
#motionShowcase .motion-actions>*{
  border:1px solid #d2e2d8;background:#fff;color:#1d624f;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
#motionShowcase .motion-actions>*:hover,
#motionShowcase .motion-actions>*:focus-visible{
  transform:translateY(-3px);background:#eaf5ed;box-shadow:0 7px 18px #15584420;
}
#motionShowcase .motion-cart-btn{background:#238150;color:#fff;border-color:#238150}
#motionShowcase .motion-cart-btn:hover,
#motionShowcase .motion-cart-btn:focus-visible{background:#176c47;color:#fff}
@keyframes ciHeroCardReveal{
  from{opacity:0;transform:translateY(22px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes ciHeroCardGlow{to{background-position:-220% 0}}
@media(max-width:900px){
  #motionShowcase .motion-green-panel{right:5%;left:5%;bottom:4%;padding:14px}
  #motionShowcase .motion-product-head strong{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  #motionShowcase .motion-green-panel::before,
  #motionShowcase .motion-stage.motion-changing .motion-green-panel{animation:none}
}

/* Category gallery: tactile colors and raised symbols inspired by the reference. */
#categories .category-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
#categories .category-card{
  position:relative;isolation:isolate;min-width:0;min-height:164px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  padding:20px 12px;border:1px solid #ffffff38;border-radius:25px;
  background:linear-gradient(145deg,#a3c294,#739969);color:#fff;
  box-shadow:0 13px 20px #234a3b22,inset 0 1px 0 #ffffff6e,inset 0 -5px 12px #21453018;
  transition:transform .3s ease,box-shadow .3s ease;
  overflow:hidden;text-align:center;
}
#categories .category-card::after{
  content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 35%,#ffffff35 50%,transparent 65%);
  transform:translateX(-130%);transition:transform .7s ease;pointer-events:none;
}
#categories .category-card:hover,#categories .category-card:focus-visible{transform:translateY(-5px);box-shadow:0 19px 28px #234a3b32,inset 0 1px 0 #ffffff70}
#categories .category-card:hover::after,#categories .category-card:focus-visible::after{transform:translateX(130%)}
#categories .category-card:nth-child(6n + 2){background:linear-gradient(145deg,#98705e,#704839)}
#categories .category-card:nth-child(6n + 3){background:linear-gradient(145deg,#c08b66,#946249)}
#categories .category-card:nth-child(6n + 4){background:linear-gradient(145deg,#285f55,#123e37)}
#categories .category-card:nth-child(6n + 5){background:linear-gradient(145deg,#e8cfaa,#c9a87c);color:#4b3829}
#categories .category-card:nth-child(6n){background:linear-gradient(145deg,#438e76,#1b6656)}
#categories .category-thumb{display:grid;place-items:center;height:auto}
#categories .category-symbol{
  display:grid;place-items:center;width:57px;height:57px;border-radius:18px;
  background:linear-gradient(145deg,#ffffff55,#ffffff12);border:1px solid #ffffff8a;
  box-shadow:7px 9px 15px #183c304a,-4px -4px 11px #ffffff4d,inset 0 2px 3px #ffffff66;
  color:inherit;font:700 31px Georgia,serif;line-height:1;transform:rotate(-6deg);
  transition:transform .3s ease;
}
#categories .category-card:hover .category-symbol{transform:rotate(0) scale(1.08)}
#categories .category-card h3{margin:0;color:inherit;font-size:16px;font-weight:900;text-shadow:0 1px 2px #17372d29}
@media(max-width:900px){
  #categories .category-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #categories .category-card{min-height:136px;padding:15px 8px;border-radius:21px}
  #categories .category-symbol{width:49px;height:49px;font-size:27px;border-radius:15px}
  #categories .category-card h3{font-size:14px}
}
@media(prefers-reduced-motion:reduce){#categories .category-card,#categories .category-card::after,#categories .category-symbol{transition:none}}

/* Keep mobile order tracking clear of the fixed navigation dock. */
@media(max-width:900px){#ciTrackPhoneBtn{bottom:calc(128px + env(safe-area-inset-bottom))!important}}


/* Cart product sizing fix — mobile safe */
#cartDrawer .drawer-body{min-width:0;overflow-x:hidden}
#cartDrawer .cart-item{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  overflow:hidden;
}
#cartDrawer .cart-item>img,
#cartDrawer .cart-item .cart-placeholder{
  display:block;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  aspect-ratio:1/1;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:11px;
  overflow:hidden;
}
#cartDrawer .cart-item>div{min-width:0;max-width:100%}
#cartDrawer .cart-item h4{
  margin:0 0 3px;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  line-height:1.4;
}
#cartDrawer .cart-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cartDrawer .cart-item strong{white-space:nowrap;font-size:12px}
@media(max-width:520px){
  #cartDrawer .drawer-body{padding:10px 12px}
  #cartDrawer .cart-item{grid-template-columns:56px minmax(0,1fr) auto;gap:8px;padding:10px 0}
  #cartDrawer .cart-item>img,
  #cartDrawer .cart-item .cart-placeholder{
    width:56px!important;min-width:56px!important;max-width:56px!important;
    height:56px!important;min-height:56px!important;max-height:56px!important;
  }
}


/* Checkout order summary: compact rows, never full-size artwork */
#checkoutDialog .checkout-summary{
  display:grid;
  gap:8px;
  max-height:210px;
  overflow-y:auto;
  overflow-x:hidden;
  margin:12px 0 16px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f8faf7;
}
#checkoutDialog .checkout-mini{
  width:100%;
  min-width:0;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:7px;
  border-radius:12px;
  background:#fff;
}
#checkoutDialog .checkout-mini>img,
#checkoutDialog .checkout-mini>span:first-child{
  display:block;
  width:64px!important;
  min-width:64px!important;
  max-width:64px!important;
  height:64px!important;
  min-height:64px!important;
  max-height:64px!important;
  aspect-ratio:1/1;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:10px;
  overflow:hidden;
  background:#edf1ec;
}
#checkoutDialog .checkout-mini>div{min-width:0;display:grid;gap:3px}
#checkoutDialog .checkout-mini b,
#checkoutDialog .checkout-mini small{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#checkoutDialog .checkout-mini b{font-size:13px}
#checkoutDialog .checkout-mini small{font-size:11px;color:#6d7c73}
#checkoutDialog .checkout-mini .co-line{white-space:nowrap;font-size:12px;font-weight:800;color:#1d6a4d}
@media(max-width:520px){
  #checkoutDialog .checkout-summary{max-height:160px;padding:7px;margin:8px 0 12px}
  #checkoutDialog .checkout-mini{grid-template-columns:52px minmax(0,1fr) auto;gap:8px;padding:5px}
  #checkoutDialog .checkout-mini>img,
  #checkoutDialog .checkout-mini>span:first-child{
    width:52px!important;min-width:52px!important;max-width:52px!important;
    height:52px!important;min-height:52px!important;max-height:52px!important;
  }
  #checkoutDialog .checkout-mini b{font-size:12px}
  #checkoutDialog .checkout-mini small,#checkoutDialog .checkout-mini .co-line{font-size:10px}
}


/* 2026-10-16: tablet hero clarity and reliable product tapping */
.product-card[data-buy-product]{cursor:pointer;touch-action:manipulation}
.product-card[data-buy-product] .product-body,.product-card[data-buy-product] .product-image{pointer-events:none}
.product-card[data-buy-product] .ci-buy-native{pointer-events:auto}
#motionShowcase .motion-art-wrap{cursor:pointer;touch-action:manipulation}
#motionShowcase .motion-cart-btn{cursor:pointer}
@media(max-width:900px){
 #motionShowcase .motion-stage{min-height:0;display:grid;grid-template-columns:1fr;gap:14px;padding:16px;overflow:hidden}
 #motionShowcase .motion-art-wrap{position:relative;inset:auto;width:100%;height:min(62vw,460px);z-index:2}
 #motionShowcase .motion-art-wrap img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
 #motionShowcase .motion-copy{position:relative;inset:auto;width:100%;z-index:3;padding:0 4px}
 #motionShowcase .motion-copy h1{font-size:clamp(24px,5vw,34px);line-height:1.25;margin:4px 0}
 #motionShowcase .motion-copy p{font-size:13px;line-height:1.8;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 #motionShowcase .motion-copy .motion-buy{display:none}
 #motionShowcase .motion-green-panel{position:relative;inset:auto;width:100%;z-index:4;margin:0;padding:14px}
 #motionShowcase .motion-product-head{align-items:center}
 #motionShowcase .motion-product-head strong{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 #motionShowcase .motion-detail-grid{grid-template-columns:1fr 1fr}
 #motionShowcase .motion-detail-grid b{display:block;margin-top:3px;font-size:15px}
 #motionShowcase .motion-actions{grid-template-columns:1fr 1.4fr}
 #motionShowcase .motion-actions>*{min-height:42px;font-size:12px}
}

.product-card[data-buy-product]{position:relative}
.product-card-hit{position:absolute;inset:0;z-index:5;border-radius:inherit}
.product-card[data-buy-product] .ci-product-actions,.product-card[data-buy-product] .product-heart{position:relative;z-index:6}


/* Reliable mobile artwork card interaction */
.product-card{position:relative}
.product-card .ci-product-open{display:block;color:inherit;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:rgba(20,123,105,.12)}
.product-card .ci-product-open:focus-visible{outline:3px solid #1b8b78;outline-offset:3px;border-radius:inherit}
.product-card>.ci-product-actions{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;padding:0 14px 14px;margin:0}
.product-card>.ci-product-actions .product-heart{position:static;width:48px;min-width:48px;height:46px;border:1px solid #dce7e2;border-radius:13px;background:#fff;color:#1c6656;font-size:22px}
.product-card>.ci-product-actions .ci-buy-native{min-height:46px;border:0;border-radius:13px;background:#23814f;color:#fff;font:800 14px Cairo,sans-serif}
@media(max-width:900px){.product-card .ci-product-open{position:relative;z-index:1}.product-card>.ci-product-actions{position:relative;z-index:2}}


/* Footer contact: email first, compact WhatsApp number button */
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-contact h4{margin-bottom:2px}
.footer-contact .footer-email{direction:ltr;color:#56645f}
.footer-contact .footer-whatsapp{box-sizing:border-box;width:100%;direction:ltr;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 16px;border-radius:14px;background:linear-gradient(135deg,#25d366,#159447);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 9px 22px rgba(21,148,71,.22);transition:transform .2s ease,box-shadow .2s ease}
.footer-contact .footer-whatsapp svg{width:23px;height:23px;flex:none}
.footer-contact .footer-whatsapp:hover,.footer-contact .footer-whatsapp:focus-visible{transform:translateY(-2px);box-shadow:0 12px 26px rgba(21,148,71,.3)}
@media(max-width:700px){.footer-contact{grid-column:1/-1;align-items:stretch}.footer-contact .footer-email{display:block;text-align:right}.footer-contact .footer-whatsapp{width:100%;box-sizing:border-box}}

/* Canvas Iraq Studio — experimental entry */
.studio-beta{margin-top:34px;margin-bottom:30px;min-height:330px;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;background:linear-gradient(135deg,#063d38,#0a6a5f 62%,#238b7b);color:#fff;box-shadow:0 24px 60px rgba(5,58,52,.2);position:relative}
.studio-beta:before{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(214,180,110,.35);border-radius:50%;right:-155px;top:-145px}
.studio-beta-copy{padding:48px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.studio-beta-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#d5b36d;color:#173d38;font-weight:800;font-size:12px;letter-spacing:.5px}.studio-beta h2{font-size:clamp(27px,4vw,43px);line-height:1.35;margin:15px 0 9px;color:#fff}.studio-beta p{max-width:500px;color:#e4f2ef;line-height:1.9;margin:0 0 19px}.studio-beta-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#fff;color:#0a6259;border-radius:14px;padding:14px 21px;font-weight:800;box-shadow:0 10px 24px rgba(0,0,0,.14);transition:.2s}.studio-beta-btn:hover{transform:translateY(-2px)}.studio-beta small{margin-top:12px;color:#c5dfda}.studio-beta-visual{padding:35px;display:grid;place-items:center}.studio-wall{width:100%;max-width:380px;height:245px;border-radius:22px;background:linear-gradient(#f8f5ed 0 75%,#e4ddd0 76%);position:relative;box-shadow:inset 0 0 35px rgba(37,48,43,.08),0 18px 30px rgba(0,0,0,.15)}.studio-art{position:absolute;width:48%;height:45%;left:50%;top:15%;transform:translateX(-50%);background:linear-gradient(145deg,#0f7268,#083e3b);border:5px solid #d4ac5d;box-shadow:0 10px 18px #0004;display:flex;align-items:flex-end;justify-content:center;gap:4px;padding:12px}.studio-art i{display:block;width:23%;background:#d1a653;border-radius:50% 50% 2px 2px}.studio-art i:nth-child(1){height:35%}.studio-art i:nth-child(2){height:68%}.studio-art i:nth-child(3){height:48%}.studio-sofa{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);width:70%;height:54px;border-radius:16px 16px 8px 8px;background:#d5c7ae;box-shadow:0 8px 10px #0002}.studio-sofa:before,.studio-sofa:after{content:"";position:absolute;top:-19px;width:44%;height:42px;background:#e2d7c3;border-radius:12px}.studio-sofa:before{left:3%}.studio-sofa:after{right:3%}
@media(max-width:760px){.studio-beta{grid-template-columns:1fr;margin-inline:16px;border-radius:24px}.studio-beta-copy{padding:30px 23px;text-align:right}.studio-beta h2{font-size:28px}.studio-beta-visual{padding:0 22px 28px}.studio-wall{height:210px}.studio-beta-btn{width:100%}.studio-beta small{font-size:11px}}
\n.ci-native-studio{display:flex;align-items:center;justify-content:center;margin:8px 4px 0;min-height:48px;border:1px solid #d8b66b;border-radius:14px;background:#f5ecd8;color:#5e471d;text-decoration:none;font-weight:900}.ci-native-studio:hover{background:#ead8af}\n