:root{--bg:#090909;--bg2:#11110f;--panel:#151512;--panel2:#1b1a16;--line:rgba(224,190,107,.19);--gold:#d8b66a;--gold2:#f0d99b;--gold-dark:#9b7536;--text:#f1eee6;--muted:#a7a092;--muted2:#777267;--white:#fff;--danger:#d98277;--success:#a9c6a2;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--max:1280px;--shadow:0 20px 70px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--gold);color:#17130a}.muted{color:var(--muted)}.tiny{font-size:12px}.eyebrow{margin:0 0 14px;color:var(--gold);font-size:10px;letter-spacing:.24em;font-weight:700;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--gold2);font-size:12px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid rgba(216,182,106,.5);padding-bottom:5px;transition:.25s}.text-link:hover{color:#fff;border-color:#fff}.btn{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid transparent;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:transform .25s,background .25s,border-color .25s;color:var(--text)}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(115deg,#b58a43,#f1d995 52%,#c59a50);color:#17120a;box-shadow:0 8px 28px rgba(216,182,106,.1)}.btn-gold:hover{background:linear-gradient(115deg,#d0a85e,#fff0b9 52%,#d6ac60)}.btn-outline{border-color:var(--line);background:transparent;color:var(--gold2)}.btn-outline:hover{background:rgba(216,182,106,.08);border-color:var(--gold)}.btn.full{width:100%}.centered{justify-content:center}.flash-wrap{max-width:var(--max);padding:14px 28px 0;margin:auto}.flash{padding:13px 17px;border:1px solid rgba(169,198,162,.3);background:rgba(79,112,70,.13);color:#d9ead5;font-size:13px}.flash.error{border-color:rgba(217,130,119,.35);background:rgba(128,48,39,.18);color:#f0b6ad}
/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,8,8,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(216,182,106,.11)}.header-inner{max-width:var(--max);height:94px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-mark{width:151px;flex:0 0 151px;display:flex;align-items:center}.brand-mark img{width:100%;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,43px);flex:1}.main-nav a,.header-actions a{color:#d8d3c8;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.main-nav a:hover,.main-nav a.is-active,.header-actions a:hover{color:var(--gold2)}.header-actions{display:flex;align-items:center;gap:19px;white-space:nowrap}.icon-link{font-size:19px!important}.bag-link span{display:inline-grid;place-items:center;margin-left:5px;width:19px;height:19px;border-radius:50%;background:var(--gold);color:#15110a;font-size:10px;font-weight:700}.admin-shortcut{padding:7px 10px;border:1px solid var(--line);font-size:9px!important}.menu-toggle{display:none;background:none;border:0;color:var(--gold);font-size:25px}
/* Hero */
.hero{position:relative;overflow:hidden;min-height:620px;height:min(76vh,780px);max-height:800px;background:radial-gradient(ellipse at 74% 48%,rgba(153,112,44,.16),transparent 36%),linear-gradient(115deg,#090909 4%,#10100e 53%,#090909 100%);border-bottom:1px solid var(--line);display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(255,255,255,.012) 81px,transparent 82px);pointer-events:none}.hero-content{position:relative;z-index:2;width:60%;max-width:790px;padding:70px max(6vw,calc((100vw - var(--max))/2 + 28px)) 85px}.hero h1,.page-hero h1,.auth-aside h1,.success-page h1{font-family:var(--serif);font-size:clamp(52px,6.5vw,92px);font-weight:400;letter-spacing:-.045em;line-height:1.04;margin:0 0 25px}.hero h1 em,.page-hero h1 em,.section-heading h2 em,.craft-section h2 em,.custom-intro h2 em,.about-lead h2 em,.contact-band h2 em,.auth-aside h1 em,.success-page h1 em{font-weight:400;color:var(--gold);font-style:italic}.hero-copy{max-width:420px;color:#b9b3a7;line-height:1.9;font-size:14px;margin:0 0 32px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:12px;margin-top:66px;color:#716a5c;font-size:9px;letter-spacing:.21em}.note-line{width:48px;height:1px;background:var(--gold-dark)}.hero-side{position:absolute;right:9%;top:50%;transform:translateY(-50%);width:min(34vw,430px);height:min(39vw,475px);min-height:330px}.side-frame{position:absolute;inset:0;border:1px solid rgba(216,182,106,.32);padding:14px;transform:rotate(3deg)}.side-frame:before,.side-frame:after{content:"";position:absolute;width:70px;height:70px;border-color:var(--gold);border-style:solid}.side-frame:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.side-frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.side-frame-inner{height:100%;border:1px solid rgba(216,182,106,.15);background:radial-gradient(ellipse at 50% 38%,rgba(216,182,106,.15),transparent 54%),linear-gradient(145deg,#211b10,#11100e 62%,#211a10);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative}.side-no,.side-caption{position:absolute;font-size:8px;letter-spacing:.22em;color:#82765f}.side-no{top:25px;left:25px}.side-caption{bottom:24px}.side-flower{font-size:100px;font-weight:300;color:rgba(216,182,106,.45);line-height:1}.side-frame-inner p{font-family:var(--serif);font-size:28px;line-height:1.16;letter-spacing:.12em;color:var(--gold2);margin:6px 0 0}.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 28px;display:flex;justify-content:space-between;color:#716a5c;border-top:1px solid rgba(216,182,106,.1);font-size:8px;letter-spacing:.2em}.hero-orbit{position:absolute;border:1px solid rgba(216,182,106,.08);border-radius:50%;pointer-events:none}.orbit-one{width:680px;height:680px;right:0;top:-100px}.orbit-two{width:480px;height:480px;right:100px;top:0}
/* Sections */
.section{max-width:var(--max);margin:0 auto;padding:104px 28px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:38px}.section-heading h2,.craft-section h2,.custom-intro h2,.about-lead h2,.contact-band h2{font-family:var(--serif);font-size:clamp(35px,4.3vw,55px);font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0}.section-heading .muted{font-size:12px;margin:10px 0 0}.category-section{padding-top:104px;padding-bottom:72px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-tile{min-height:200px;position:relative;overflow:hidden;padding:25px;background:linear-gradient(135deg,#211d16,#151410 70%);border:1px solid rgba(216,182,106,.14);display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.category-tile:hover{border-color:rgba(216,182,106,.52);transform:translateY(-4px);background:linear-gradient(135deg,#292216,#17140f 70%)}.category-tile:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(216,182,106,.1);border-radius:50%;right:-78px;top:-80px;box-shadow:0 0 0 19px rgba(216,182,106,.025),0 0 0 42px rgba(216,182,106,.02)}.tile-number{position:relative;z-index:1;font-size:9px;color:var(--gold);letter-spacing:.2em}.category-tile h3{font-family:var(--serif);font-size:23px;font-weight:400;margin:0 0 6px}.category-tile span:not(.tile-number):not(.tile-mark){font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#a49a83}.tile-mark{position:absolute;right:28px;bottom:24px;font-size:44px;color:rgba(216,182,106,.3);z-index:1}.tile-2{background:linear-gradient(135deg,#1c1b18,#131311)}.tile-3{background:linear-gradient(135deg,#231a17,#151311)}.tile-4{background:linear-gradient(135deg,#1b1d1b,#121411)}.featured-section{padding-top:75px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 17px}.product-card{min-width:0}.product-image{height:300px;background:#161511;border:1px solid rgba(216,182,106,.12);display:block;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-card:hover .product-image img{transform:scale(1.045)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:radial-gradient(ellipse at 50% 40%,rgba(216,182,106,.14),transparent 50%),linear-gradient(145deg,#221e16,#11110f);color:var(--gold)}.image-placeholder b{font-family:var(--serif);font-weight:400;font-size:90px;opacity:.45}.image-placeholder small{font-size:8px;letter-spacing:.25em;color:#a49675;text-transform:uppercase}.image-placeholder.large b{font-size:140px}.image-tag{position:absolute;left:13px;top:13px;background:rgba(9,9,9,.82);border:1px solid var(--line);padding:6px 9px;color:var(--gold2);font-size:8px;letter-spacing:.2em}.product-meta{padding:17px 2px 0}.product-meta .eyebrow{font-size:8px;margin-bottom:7px}.product-meta h3{font-family:var(--serif);font-size:20px;line-height:1.25;font-weight:400;margin:0 0 10px}.product-price{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--gold2)}.product-price del,.detail-price del{color:#827d72;font-size:11px}.card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(216,182,106,.14);margin-top:16px;padding-top:10px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#aaa394}.card-link span{color:var(--gold);font-size:15px}.empty-state{padding:65px 20px;text-align:center;border:1px solid var(--line);background:linear-gradient(145deg,#171510,#0e0e0d)}.empty-mark{font-family:var(--serif);font-size:45px;color:var(--gold);display:block}.empty-state h3{font-family:var(--serif);font-size:27px;font-weight:400;margin:8px 0}.empty-state p{color:var(--muted);font-size:13px;max-width:480px;margin:0 auto 24px}.craft-section{min-height:490px;display:grid;grid-template-columns:1fr 1fr;background:#15130f;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.craft-left{padding:85px max(8vw,calc((100vw - var(--max))/2 + 28px)) 85px max(28px,calc((100vw - var(--max))/2 + 28px));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.craft-left>p:not(.eyebrow){color:#aaa394;max-width:430px;font-size:13px;line-height:1.9;margin:18px 0 28px}.craft-right{position:relative;overflow:hidden;min-height:430px;background:radial-gradient(ellipse at 50% 50%,rgba(216,182,106,.13),transparent 48%),linear-gradient(145deg,#201c14,#0d0d0b)}.craft-right:before,.craft-right:after{content:"";position:absolute;left:50%;top:50%;width:370px;height:370px;border:1px solid rgba(216,182,106,.17);border-radius:50%;transform:translate(-50%,-50%)}.craft-right:after{width:270px;height:270px;border-color:rgba(216,182,106,.12)}.craft-stamp{position:absolute;top:14%;right:17%;border:1px solid rgba(216,182,106,.38);width:74px;height:74px;border-radius:50%;display:grid;place-content:center;text-align:center;font-size:10px;color:var(--gold);letter-spacing:.15em;line-height:1.3}.craft-lines{position:absolute;left:50%;top:50%;height:1px;width:70%;background:linear-gradient(90deg,transparent,var(--gold-dark),transparent);transform:translate(-50%,-50%) rotate(-38deg)}.craft-right>p{position:absolute;left:16%;bottom:12%;font-family:var(--serif);font-size:36px;line-height:1.14;letter-spacing:.06em;color:var(--gold2)}.craft-right>p em{font-size:21px;font-style:italic;color:#b9a171}.values-section{padding-top:100px;padding-bottom:110px}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.values-grid article{padding:26px 25px 0 0;border-top:1px solid var(--line)}.values-grid article>span{color:var(--gold);font-size:10px;letter-spacing:.2em}.values-grid h3{font-family:var(--serif);font-size:24px;font-weight:400;margin:17px 0 7px}.values-grid p{color:var(--muted);font-size:12px;max-width:300px;line-height:1.8}.contact-band{padding:55px max(28px,calc((100vw - var(--max))/2 + 28px));background:#1c1912;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-band h2{font-size:38px}.contact-band p:not(.eyebrow){font-size:12px;color:var(--muted);margin-bottom:0}.banner-strip{max-width:var(--max);margin:0 auto;padding:35px 28px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.promo-banner{min-height:225px;background-color:#201b12;background-size:cover;background-position:center;border:1px solid var(--line);display:flex;align-items:flex-end;padding:23px}.promo-banner h2{font-family:var(--serif);font-size:27px;font-weight:400;margin:0 0 5px}.promo-banner p:not(.eyebrow){font-size:11px;color:#b5ad9e;margin:0 0 10px}
/* Page headings and shop */
.page-hero{padding:115px 28px 105px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(216,182,106,.11),transparent 55%),#0e0e0c;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(47px,6vw,76px);margin-bottom:17px}.page-hero>p:not(.eyebrow){max-width:560px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.9}.page-hero.compact{padding:84px 28px 74px}.page-hero.compact h1{font-size:clamp(43px,5vw,65px)}.shop-section{padding-top:44px}.shop-toolbar{display:grid;grid-template-columns:1fr 220px 180px auto;gap:10px}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:0 14px;min-height:47px;color:var(--gold)}.search-field input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:12px}.shop-toolbar select,.admin-form select,.order-update-form select,.setting-form select,.feedback-list select{border:1px solid var(--line);background:#11110f;color:var(--text);padding:0 12px;min-height:47px;font-size:11px;outline:0}.results-line{display:flex;justify-content:space-between;margin:25px 0 23px;color:var(--muted);font-size:11px}.results-line a{color:var(--gold)}.breadcrumbs{max-width:var(--max);margin:0 auto;padding:25px 28px 0;display:flex;gap:10px;color:#857e70;font-size:10px}.breadcrumbs span:last-child{color:var(--gold2)}
/* Product */
.product-detail{display:grid;grid-template-columns:1.05fr .85fr;gap:80px;padding-top:45px}.gallery-main{height:650px;background:#15140f;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden}.gallery-main>img{width:100%;height:100%;object-fit:contain}.gallery-thumbs{display:flex;gap:10px;margin-top:12px}.thumb{width:75px;height:80px;background:#1b1914;border:1px solid var(--line);padding:0;overflow:hidden}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;height:100%;object-fit:cover}.product-information{padding-top:35px}.product-information h1{font-family:var(--serif);font-size:clamp(38px,4vw,58px);font-weight:400;line-height:1.1;margin:0 0 20px}.detail-price{display:flex;align-items:center;gap:12px;color:var(--gold2);font-size:21px}.detail-price strong{font-weight:500}.product-availability{color:var(--success);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin:15px 0 27px}.product-description{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;color:#b7b0a3;font-size:13px;line-height:1.95}.add-to-bag{display:flex;align-items:flex-end;gap:12px;margin:26px 0 13px}.add-to-bag label,.qty-field{display:grid;gap:6px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.add-to-bag input,.qty-field input{width:80px;height:48px;background:#13130f;border:1px solid var(--line);color:var(--text);padding:0 10px}.add-to-bag .btn{flex:1}.whatsapp-product{display:block;color:var(--gold);font-size:11px;margin-top:17px}.detail-notes{margin-top:36px;border-top:1px solid var(--line);padding-top:15px}.detail-notes p{font-size:10px;color:var(--muted);margin:12px 0}.detail-notes span{color:var(--gold);margin-right:12px}.review-section{border-top:1px solid var(--line)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.review-grid article{padding:24px;border:1px solid var(--line);background:#11110f}.stars{color:var(--gold);letter-spacing:.12em}.review-grid p{font-size:12px;color:#b8b0a0}.review-grid small{color:var(--muted);font-size:10px}
/* Cart / checkout */
.cart-section{padding-top:58px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:45px;align-items:start}.cart-items{border-top:1px solid var(--line)}.cart-row{display:grid;grid-template-columns:100px 1fr 90px 100px;align-items:center;gap:19px;padding:19px 0;border-bottom:1px solid var(--line)}.cart-thumb{height:112px;background:#17150f;display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:30px}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-product .eyebrow{font-size:8px;margin:0}.cart-product h3{font-family:var(--serif);font-weight:400;font-size:21px;margin:2px 0}.cart-product p:last-child{color:var(--gold2);font-size:12px;margin:0}.cart-row>strong{color:var(--gold2);font-size:13px;text-align:right}.cart-controls{padding:20px 0}.remove-form{display:inline-block;margin:0 10px 9px 0}.remove-form button{background:none;border:0;color:#9b8d77;font-size:10px;text-decoration:underline}.cart-summary{padding:27px;border:1px solid var(--line);background:linear-gradient(145deg,#1a1710,#10100e);position:sticky;top:120px}.cart-summary h2{font-family:var(--serif);font-size:29px;font-weight:400;margin:0 0 20px}.summary-line,.summary-total{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid rgba(216,182,106,.12);font-size:11px;color:var(--muted)}.summary-line strong{color:var(--text)}.summary-total{color:var(--text);font-size:12px;border:0;padding:18px 0}.summary-total strong{color:var(--gold2);font-size:18px}.cart-summary .tiny{font-size:10px;line-height:1.7;margin-bottom:20px}.cart-summary .text-link{display:flex;margin-top:18px}.checkout-section{max-width:920px}.checkout-form{display:grid;gap:16px}.form-panel{padding:32px;border:1px solid var(--line);background:#11110f}.form-panel h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:0 0 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full-span{grid-column:1/-1}.checkout-form label,.stack-form label,.admin-form label,.setting-form label{display:grid;gap:7px;color:#c7bfaf;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.checkout-form label small,.stack-form label small,.admin-form label small{color:var(--muted);font-size:9px;text-transform:none;letter-spacing:0}.checkout-form input,.checkout-form textarea,.stack-form input,.stack-form textarea,.stack-form select,.admin-form input,.admin-form textarea,.setting-form input{width:100%;min-height:46px;padding:11px 13px;background:#090909;border:1px solid rgba(216,182,106,.2);color:var(--text);outline:0;font-size:12px;letter-spacing:0;text-transform:none}.checkout-form textarea,.stack-form textarea,.admin-form textarea{resize:vertical}.checkout-form input:focus,.checkout-form textarea:focus,.stack-form input:focus,.admin-form input:focus,.admin-form textarea:focus,.setting-form input:focus{border-color:var(--gold-dark)}.file-field input{padding:10px}.checkout-points{padding-left:18px;color:var(--muted);font-size:12px;line-height:2;margin-bottom:25px}
/* Custom and story */
.custom-hero{padding:112px 28px 105px;text-align:left;padding-left:max(28px,calc((100vw - var(--max))/2 + 28px));background:radial-gradient(ellipse at 80% 45%,rgba(216,182,106,.11),transparent 35%),#0e0e0c}.custom-hero h1{font-size:clamp(57px,7vw,90px)}.custom-hero>p:not(.eyebrow){margin:0;max-width:480px}.custom-process{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.custom-intro>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:390px;margin:19px 0 26px}.process-list article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.process-list article:first-child{border-top:1px solid var(--line)}.process-list article>span{font-family:var(--serif);font-size:26px;color:var(--gold)}.process-list h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:0 0 5px}.process-list p{font-size:12px;color:var(--muted);margin:0;max-width:470px}.measurement-panel{padding:55px max(28px,calc((100vw - var(--max))/2 + 28px));background:#17150f;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px}.measurement-panel h2{font-family:var(--serif);font-size:37px;font-weight:400;margin:0}.measurement-panel p:not(.eyebrow){max-width:660px;font-size:12px;color:var(--muted);line-height:1.85}.about-hero{padding:125px 28px 115px;background:radial-gradient(ellipse at 70% 70%,rgba(216,182,106,.1),transparent 45%),#0e0e0c}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy{padding-top:12px}.about-copy p{font-size:13px;line-height:2;color:#b4ad9e;margin:0 0 20px}.contact-page{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.contact-card{min-height:245px;border:1px solid var(--line);padding:28px;background:linear-gradient(145deg,#1b1812,#10100e)}.contact-index{color:var(--gold);font-size:9px;letter-spacing:.2em}.contact-card h2{font-family:var(--serif);font-size:28px;font-weight:400;margin:25px 0 10px}.contact-card p,.contact-card .muted{color:var(--muted);font-size:12px;line-height:1.8}.contact-card .text-link{margin-top:18px}
/* Auth/account */
.auth-wrap{min-height:680px;display:grid;grid-template-columns:1fr 1fr;background:#10100e}.auth-aside{padding:100px max(28px,calc((100vw - var(--max))/2 + 28px));padding-right:60px;background:radial-gradient(ellipse at 70% 50%,rgba(216,182,106,.12),transparent 45%),#17140e;position:relative;overflow:hidden}.auth-aside h1{font-size:clamp(48px,5.4vw,72px)}.auth-aside>p:not(.eyebrow){color:var(--muted);font-size:13px;max-width:360px}.auth-seal{position:absolute;bottom:6%;right:12%;width:150px;height:150px;border:1px solid rgba(216,182,106,.22);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:100px;color:rgba(216,182,106,.16)}.auth-panel{padding:100px max(28px,calc((100vw - var(--max))/2 + 28px)) 100px 8vw;max-width:700px}.auth-panel h2{font-family:var(--serif);font-size:35px;font-weight:400;margin:0 0 30px}.stack-form{display:grid;gap:18px}.auth-switch{color:var(--muted);font-size:11px;margin-top:25px}.auth-switch a{color:var(--gold2);text-decoration:underline}.inline-form{margin-top:15px}.account-section{padding-top:55px}.account-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.account-title h2{font-family:var(--serif);font-size:39px;font-weight:400;margin:0}.account-order{padding:23px;margin:0 0 14px;border:1px solid var(--line);background:#11110f}.account-order-top{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.account-order-top>div{margin-right:auto}.account-order-top h3{font-family:var(--serif);font-weight:400;font-size:20px;margin:2px 0}.account-order-top strong{color:var(--gold2)}.status-pill{display:inline-flex;padding:5px 9px;border:1px solid rgba(216,182,106,.25);color:var(--gold2);font-size:8px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.status-pill.delivered,.status-pill.approved,.status-pill.resolved{border-color:rgba(169,198,162,.35);color:#b9d3b1}.status-pill.rejected,.status-pill.rejected{border-color:rgba(217,130,119,.35);color:#e2a69d}.status-pill.pending{color:#e5c77c}.account-item{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid rgba(216,182,106,.1)}.account-item>div{display:grid;gap:4px}.account-item b{font-size:12px}.account-item small{color:var(--muted);font-size:10px}.review-form{display:flex;gap:7px;align-items:center}.review-form select,.review-form input{height:34px;background:#090909;color:var(--text);border:1px solid var(--line);padding:0 8px;font-size:10px}.review-form input{width:180px}.review-form button{height:34px;background:var(--gold);border:0;padding:0 12px;color:#15110a;font-size:9px;text-transform:uppercase}.eta-note{color:var(--gold);font-size:10px}.complaint-details{border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.complaint-details summary{font-size:10px;color:var(--gold2);cursor:pointer}.complaint-details .stack-form{margin-top:15px;max-width:450px}.success-page{max-width:720px;padding:120px 28px 140px;margin:auto;text-align:center}.success-symbol{width:64px;height:64px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;border-radius:50%;font-size:28px;margin:0 auto 25px}.success-page h1{font-size:75px;margin-bottom:18px}.success-page>p:not(.eyebrow){color:var(--muted);font-size:13px}.success-summary{margin:28px auto;padding:18px;max-width:400px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:7px;text-align:left;font-size:11px}.success-summary span{color:var(--muted)}.success-summary b{text-align:right;color:var(--gold2)}
/* Footer */
.site-footer{padding:60px max(28px,calc((100vw - var(--max))/2 + 28px)) 18px;background:#050505;border-top:1px solid rgba(216,182,106,.17)}.footer-main{display:flex;justify-content:space-between;gap:60px;padding-bottom:50px}.footer-brand img{width:175px}.footer-brand p{font-size:10px;color:var(--muted);letter-spacing:.1em}.footer-links{display:flex;gap:90px}.footer-links>div{display:grid;align-content:start;gap:10px}.footer-links .eyebrow{margin-bottom:7px}.footer-links a{font-size:11px;color:#a7a092}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(216,182,106,.12);padding-top:17px;display:flex;justify-content:space-between;gap:20px;color:#716c61;font-size:9px;letter-spacing:.04em}.footer-bottom a{color:var(--gold-dark)}.whatsapp-float{position:fixed;z-index:40;bottom:22px;right:22px;width:48px;height:48px;border-radius:50%;background:var(--gold);color:#141008;display:grid;place-items:center;font-size:22px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
/* Admin */
.admin-shell{min-height:calc(100vh - 94px);display:grid;grid-template-columns:255px 1fr;background:#0d0d0b}.admin-sidebar{background:#090909;border-right:1px solid var(--line);padding:28px 16px;display:flex;flex-direction:column}.admin-brand{padding:0 12px 25px;border-bottom:1px solid rgba(216,182,106,.12);display:grid;justify-items:start;gap:5px}.admin-brand img{width:125px}.admin-brand span{font-size:8px;color:var(--gold);letter-spacing:.22em}.admin-sidebar nav{display:grid;gap:4px;padding-top:22px}.admin-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#a7a092;font-size:11px;transition:.2s}.admin-sidebar nav a>span{width:20px;color:var(--gold);font-size:15px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(216,182,106,.1);color:var(--gold2)}.admin-sidebar nav a b{margin-left:auto;background:#9c7438;color:#130f08;border-radius:20px;padding:2px 7px;font-size:9px}.admin-sidebar-bottom{display:grid;gap:10px;margin-top:auto;padding:25px 12px 0}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:10px;color:#a7a092;background:none;border:0;text-align:left;padding:0}.admin-sidebar-bottom a:hover,.admin-sidebar-bottom button:hover{color:var(--gold)}.admin-main{min-width:0;padding:32px clamp(20px,3vw,44px) 65px}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;padding-bottom:21px;border-bottom:1px solid var(--line)}.admin-topbar .eyebrow{margin-bottom:4px}.admin-topbar h1{font-family:var(--serif);font-size:34px;font-weight:400;margin:0}.admin-top-actions{display:flex;align-items:center;gap:17px}.admin-top-actions>a{font-size:10px;color:var(--gold)}.admin-avatar{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);border-radius:50%;font-family:var(--serif)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.admin-stats article{padding:20px;border:1px solid var(--line);background:#151410;display:grid;gap:5px}.admin-stats article span{font-size:10px;color:var(--muted)}.admin-stats strong{font-family:var(--serif);font-size:36px;font-weight:400;color:var(--gold2)}.admin-stats small{font-size:9px;color:#777164}.admin-stats .stat-attention{border-color:rgba(216,182,106,.5);background:#211b10}.admin-dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.admin-card{padding:23px;border:1px solid var(--line);background:#13130f;min-width:0}.admin-card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.admin-card-heading .eyebrow{margin-bottom:4px}.admin-card-heading h2,.admin-card h2{font-family:var(--serif);font-size:25px;font-weight:400;margin:0}.admin-card-heading>a{font-size:10px;color:var(--gold)}.admin-list>a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:13px 0;border-top:1px solid rgba(216,182,106,.1)}.admin-list>a>div{display:grid}.admin-list b{font-size:11px}.admin-list small{font-size:9px;color:var(--muted)}.admin-list strong{font-size:11px;color:var(--gold2)}.admin-empty{padding:30px 15px;text-align:center;color:var(--muted);font-size:11px;border:1px dashed rgba(216,182,106,.16)}.low-stock-list>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid rgba(216,182,106,.1);font-size:10px}.low-stock-list b{color:var(--gold2)}.quick-actions{margin-top:14px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.quick-actions .eyebrow{margin:0 10px 0 0}.quick-actions a{font-size:10px;color:var(--gold2);padding:8px 11px;border:1px solid var(--line)}.admin-split{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(350px,1.15fr);gap:14px;align-items:start}.admin-form{display:grid;gap:14px}.admin-form .form-grid{gap:12px}.admin-form label{font-size:9px}.admin-form input,.admin-form textarea,.admin-form select{min-height:42px}.admin-form input[type=file]{font-size:10px;padding:9px}.admin-form input[type=checkbox],.check-row input,.check-label input{width:auto;min-height:auto;accent-color:var(--gold)}.check-row{display:grid;gap:9px}.check-row label,.check-label{display:flex!important;align-items:center;gap:9px!important;font-size:9px!important}.manage-list{display:grid}.manage-list>article{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid rgba(216,182,106,.1)}.manage-thumb{width:55px;height:60px;flex:0 0 55px;background:#211d15;display:grid;place-items:center;color:var(--gold);font-family:var(--serif);font-size:25px;overflow:hidden}.manage-thumb img{width:100%;height:100%;object-fit:cover}.manage-info{min-width:0;flex:1;display:grid;gap:3px}.manage-info b{font-size:11px;overflow-wrap:anywhere}.manage-info small{font-size:9px;color:var(--muted)}.manage-actions{display:grid;gap:7px;text-align:right}.manage-actions a,.manage-actions button,.danger-link{font-size:9px;color:var(--gold);background:none;border:0;padding:0;text-align:right}.manage-actions form{margin:0}.admin-image-list{display:flex;gap:8px;flex-wrap:wrap}.admin-image-list>div{width:62px;height:68px;background:#222;position:relative}.admin-image-list img{width:100%;height:100%;object-fit:cover}.admin-image-list span{display:none}.category-number{width:37px;height:37px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-family:var(--serif)}.orders-list{display:grid;gap:13px}.order-manage{border:1px solid rgba(216,182,106,.15);padding:20px;background:#0e0e0c}.order-manage-heading{display:flex;align-items:center;gap:15px}.order-manage-heading>div{margin-right:auto}.order-manage-heading h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:1px 0}.order-manage-heading small,.order-contact{font-size:9px;color:var(--muted)}.order-manage-heading>strong{color:var(--gold2);font-size:13px}.order-contact{display:flex;gap:20px;margin:14px 0}.order-address{color:#b7b0a3;font-size:11px;margin:8px 0}.order-lines{border-top:1px solid rgba(216,182,106,.13);border-bottom:1px solid rgba(216,182,106,.13);margin:15px 0;padding:8px 0}.order-lines>div{display:flex;justify-content:space-between;padding:5px 0;font-size:10px;color:#c0b8a8}.order-lines b{color:var(--gold2)}.attachment-link{color:var(--gold);font-size:10px}.order-update-form{display:grid;grid-template-columns:1fr .65fr 1.3fr auto;gap:9px;align-items:end;margin:18px 0 9px}.order-update-form label{display:grid;gap:5px;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.order-update-form input{height:43px;min-width:0;background:#090909;border:1px solid var(--line);color:var(--text);padding:0 9px;font-size:10px}.order-update-form select{height:43px;min-height:43px}.order-update-form .btn{height:43px;min-height:43px;padding:0 13px;font-size:9px}.order-manage>small{font-size:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:660px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid rgba(216,182,106,.1);font-size:10px}th{color:var(--gold);font-size:8px;letter-spacing:.17em;text-transform:uppercase}td{color:#c3bcaf}td small{display:block;color:var(--muted);font-size:9px}.feedback-list{display:grid}.feedback-list>article{display:flex;justify-content:space-between;gap:25px;padding:18px 0;border-top:1px solid rgba(216,182,106,.1)}.feedback-list h3{font-family:var(--serif);font-size:19px;font-weight:400;margin:5px 0}.feedback-list p{font-size:11px;color:#b6ae9f;max-width:650px}.feedback-list small{font-size:9px;color:var(--muted)}.feedback-list>article>div:last-child{display:grid;align-content:start;justify-items:end;gap:10px}.feedback-list form{display:flex;gap:6px}.feedback-list select{min-height:35px}.feedback-list .btn{min-height:35px;padding:0 12px;font-size:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.setting-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px;padding:12px 0;border-top:1px solid rgba(216,182,106,.1)}.setting-form label{font-size:9px}.setting-form input{min-height:39px}.setting-form .btn{min-height:39px;padding:0 12px;font-size:8px}.settings-note{margin-top:22px;padding:16px;background:#1c1912;border-left:2px solid var(--gold-dark)}.settings-note b{font-size:11px}.settings-note p{font-size:10px;color:var(--muted);margin:5px 0 0}.activity-list article{display:flex;gap:14px;padding:14px 0;border-top:1px solid rgba(216,182,106,.1)}.activity-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;margin-top:7px;background:var(--gold)}.activity-list b{font-size:11px}.activity-list p{font-size:10px;color:#b5ad9e;margin:3px 0}.activity-list small{font-size:9px;color:var(--muted)}.backup-card{max-width:740px}.backup-card>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:12px;line-height:1.9;margin:12px 0 24px}.backup-card code{color:var(--gold2)}
/* Setup and maintenance */
.setup-body{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 0,rgba(216,182,106,.13),transparent 50%),#090909}.setup-card{width:min(100%,620px);padding:35px;border:1px solid var(--line);background:#11110f;box-shadow:var(--shadow)}.setup-logo{width:190px;margin:0 auto 25px}.setup-card h1{font-family:var(--serif);font-size:43px;font-weight:400;text-align:center;margin:0 0 15px}.setup-card>p{text-align:center;color:var(--muted);font-size:12px}.setup-card h2{font-family:var(--serif);font-weight:400;font-size:23px;margin:13px 0 -4px}.setup-card .notice{padding:13px;background:rgba(135,64,53,.18);border:1px solid rgba(217,130,119,.3);font-size:12px;color:#e9bbb2}.setup-card .stack-form{margin-top:25px}.setup-card>.btn{margin:10px auto;display:flex;width:fit-content}.maintenance{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 50% 50%,rgba(216,182,106,.14),transparent 55%),#090909;text-align:center}.maintenance main{max-width:550px}.maintenance img{width:190px;margin:0 auto 35px}.maintenance h1{font-family:var(--serif);font-weight:400;font-size:52px}.maintenance p:not(.eyebrow){font-size:13px;color:var(--muted);margin-bottom:27px}
@media(max-width:1100px){.main-nav{gap:17px}.main-nav a{font-size:9px}.header-inner{gap:20px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-image{height:275px}.hero-side{right:5%;width:34vw}.product-detail{gap:45px}.gallery-main{height:560px}.admin-shell{grid-template-columns:220px 1fr}.admin-sidebar{padding-left:10px;padding-right:10px}.order-update-form{grid-template-columns:1fr 1fr}.order-update-form label:nth-child(3){grid-column:1/2}.order-update-form .btn{grid-column:2/3}}
@media(max-width:800px){.header-inner{height:78px;padding:0 18px}.brand-mark{width:125px;flex-basis:125px}.menu-toggle{display:block;margin-left:auto;order:2}.header-actions{order:3;gap:12px}.main-nav{display:none;position:absolute;left:0;right:0;top:78px;padding:17px 22px 22px;background:#090909;border-bottom:1px solid var(--line);align-items:stretch;gap:0;flex-direction:column}.main-nav.open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid rgba(216,182,106,.09);font-size:10px}.header-actions .icon-link{display:none}.hero{min-height:660px;height:auto}.hero-content{width:100%;padding:90px 28px 120px}.hero h1{font-size:clamp(52px,11vw,82px)}.hero-side{width:235px;height:260px;min-height:0;right:7%;top:auto;bottom:100px;opacity:.27}.hero-note{margin-top:42px}.section{padding:75px 22px}.section-heading{align-items:flex-start;flex-direction:column;gap:15px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-tile{min-height:170px;padding:20px}.category-tile h3{font-size:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.product-image{height:clamp(195px,42vw,300px)}.product-meta h3{font-size:18px}.craft-section{grid-template-columns:1fr}.craft-left{padding:70px 25px}.craft-right{min-height:300px}.craft-right>p{font-size:29px}.values-grid{gap:16px}.contact-band{padding:40px 24px;align-items:flex-start;flex-direction:column}.banner-strip{grid-template-columns:1fr;padding:24px 22px 0}.promo-banner{min-height:180px}.page-hero{padding:80px 23px}.page-hero.compact{padding:65px 23px}.shop-toolbar{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.shop-toolbar .btn{min-height:44px}.product-detail{grid-template-columns:1fr;gap:25px}.gallery-main{height:min(110vw,580px)}.product-information{padding-top:5px}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.cart-row{grid-template-columns:80px 1fr 75px;gap:12px}.cart-thumb{height:90px}.cart-row>strong{grid-column:3;grid-row:2;text-align:left}.qty-field{grid-column:3;grid-row:1}.cart-product h3{font-size:18px}.custom-process,.about-body{grid-template-columns:1fr;gap:38px}.measurement-panel{align-items:flex-start;flex-direction:column;padding:45px 24px}.contact-page{grid-template-columns:1fr}.contact-card{min-height:190px}.auth-wrap{grid-template-columns:1fr}.auth-aside{padding:60px 28px 80px}.auth-panel{padding:65px 28px 80px;max-width:none}.auth-seal{width:110px;height:110px;font-size:70px}.footer-main{flex-direction:column;gap:35px}.footer-links{gap:55px}.footer-bottom{flex-wrap:wrap}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;padding:13px 15px;border-right:0;border-bottom:1px solid var(--line)}.admin-brand{display:flex;align-items:center;justify-content:space-between;padding:0 5px 10px}.admin-brand img{width:85px}.admin-sidebar nav{display:flex;overflow-x:auto;gap:5px;padding:10px 0 0}.admin-sidebar nav a{white-space:nowrap;padding:9px 10px;font-size:9px}.admin-sidebar nav a>span{display:none}.admin-sidebar-bottom{display:flex;justify-content:space-between;padding:15px 5px 2px}.admin-main{padding:24px 15px 45px}.admin-stats{grid-template-columns:repeat(2,1fr)}.admin-dashboard-grid,.admin-split,.settings-grid{grid-template-columns:1fr}.admin-card{padding:17px}.admin-topbar h1{font-size:29px}.quick-actions{align-items:flex-start;flex-direction:column}.quick-actions .eyebrow{margin:0}.order-manage-heading{flex-wrap:wrap}.order-manage-heading>div{min-width:60%;}.order-contact{flex-direction:column;gap:5px}.feedback-list>article{flex-direction:column}.feedback-list>article>div:last-child{justify-items:start}.feedback-list form{flex-wrap:wrap}.admin-stats strong{font-size:31px}}
@media(max-width:520px){body{font-size:14px}.header-inner{gap:11px}.brand-mark{width:108px;flex-basis:108px}.header-actions{gap:9px}.header-actions a{font-size:8px}.admin-shortcut{display:none}.hero-content{padding-left:22px;padding-right:22px}.hero h1{font-size:51px}.hero-copy{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-side{right:-4%;bottom:100px;width:200px;height:225px}.hero-bottom{padding:14px 17px;font-size:7px}.category-grid{grid-template-columns:1fr}.category-tile{min-height:140px}.product-grid{gap:23px 10px}.product-image{height:205px}.product-meta h3{font-size:16px}.product-meta .eyebrow{font-size:7px}.product-price{font-size:11px}.card-link{font-size:8px}.section-heading h2,.craft-section h2,.custom-intro h2,.about-lead h2,.contact-band h2{font-size:36px}.craft-right{min-height:260px}.values-grid{grid-template-columns:1fr}.values-grid article{padding:18px 0}.shop-toolbar{grid-template-columns:1fr}.search-field{grid-column:auto}.shop-toolbar select,.shop-toolbar .btn{width:100%}.breadcrumbs{padding-left:20px;padding-right:20px;flex-wrap:wrap}.add-to-bag{align-items:stretch}.add-to-bag label{width:78px}.add-to-bag .btn{font-size:9px;padding:0 9px}.cart-row{grid-template-columns:66px 1fr 62px;gap:9px}.cart-thumb{height:78px}.cart-product h3{font-size:16px}.form-panel{padding:20px}.form-grid{grid-template-columns:1fr}.form-grid .full-span{grid-column:auto}.account-title{align-items:flex-start;flex-direction:column;gap:15px}.account-order{padding:15px}.account-order-top{flex-wrap:wrap;gap:9px}.account-order-top>div{min-width:55%}.account-item{align-items:flex-start;flex-direction:column}.review-form{max-width:100%;flex-wrap:wrap}.review-form input{width:140px}.success-page h1{font-size:58px}.footer-links{gap:30px}.footer-brand img{width:145px}.admin-top-actions>a{display:none}.admin-stats{gap:8px}.admin-stats article{padding:14px}.admin-stats strong{font-size:28px}.admin-main{padding-left:10px;padding-right:10px}.order-update-form{grid-template-columns:1fr}.order-update-form label:nth-child(3),.order-update-form .btn{grid-column:auto}.setting-form{grid-template-columns:1fr}.setting-form .btn{width:100%}.setup-card{padding:22px}.setup-card h1{font-size:35px}.footer-bottom{flex-direction:column;gap:8px}.whatsapp-float{width:44px;height:44px;right:14px;bottom:14px}}
.image-admin-thumb{width:64px;height:70px;position:relative;background:#1c1a14}.image-admin-thumb img{width:100%;height:100%;object-fit:cover}.image-admin-thumb form{position:absolute;top:2px;right:2px}.image-admin-thumb button{width:20px;height:20px;padding:0;border:0;background:rgba(0,0,0,.8);color:#fff;font-size:15px;line-height:1}
.admin-image-list-wrap{margin-top:18px;padding-top:16px;border-top:1px solid rgba(216,182,106,.12)}
.track-section{max-width:920px}.track-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px;padding:24px;border:1px solid var(--line);background:#11110f}.track-form label{display:grid;gap:7px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.track-form input{min-height:47px;background:#090909;border:1px solid var(--line);padding:0 12px;color:var(--text);font-size:12px}.notice-track{margin-top:14px;border:1px solid rgba(217,130,119,.3);background:rgba(128,48,39,.14);color:#e6b1a8;padding:13px;font-size:11px}.tracked-order{margin-top:22px;padding:25px;background:#11110f;border:1px solid var(--line)}.tracked-order .order-lines{margin-top:20px}@media(max-width:700px){.track-form{grid-template-columns:1fr}.track-form .btn{width:100%}}

/* ROOH imagery system: standalone crops from the supplied visual plan. */
.theme-toggle{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold2);font-size:19px;line-height:1;padding:0;transition:background .2s,border-color .2s,transform .2s}
.theme-toggle:hover{background:rgba(216,182,106,.12);border-color:var(--gold)}
.hero{background-image:linear-gradient(90deg,rgba(7,7,7,.97) 0%,rgba(10,9,8,.91) 43%,rgba(10,9,8,.25) 76%,rgba(10,9,8,.05) 100%),url('/assets/images/textures/maroon-pattern.webp');background-size:cover;background-position:center}
.hero-side{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);width:min(42vw,560px);height:min(34vw,390px);min-height:270px;z-index:1;overflow:hidden;border:1px solid rgba(216,182,106,.3);box-shadow:0 28px 75px rgba(0,0,0,.32);background:#17130f}
.hero-side:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(9,9,9,.12),transparent 26%,transparent 84%,rgba(9,9,9,.08))}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 28%}
.hero-image-light{display:none}
.hero-content{width:58%;padding-right:24px}
.hero h1{max-width:660px}
.category-tile{background-color:#18140f;background-image:linear-gradient(180deg,rgba(7,7,7,.05) 2%,rgba(7,7,7,.1) 32%,rgba(7,7,7,.94) 100%),var(--tile-image);background-size:cover;background-position:center 38%;isolation:isolate}
.category-tile:after{z-index:-1}
.category-tile>div{position:relative;z-index:2}
.category-tile .tile-number{z-index:2}
.category-tile h3{max-width:90%;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.category-tile span:not(.tile-number):not(.tile-mark){color:#ded3bd}
.craft-right{background-image:linear-gradient(180deg,rgba(10,9,7,.12),rgba(10,9,7,.68)),var(--craft-image);background-size:cover;background-position:center 38%}
.craft-right:before,.craft-right:after{z-index:0;pointer-events:none}
.craft-right>*{z-index:1}
.page-hero{background-image:linear-gradient(180deg,rgba(9,9,9,.82),rgba(9,9,9,.92)),url('/assets/images/textures/maroon-pattern.webp');background-size:cover;background-position:center}
.page-hero.custom-hero{background-image:linear-gradient(90deg,rgba(9,9,9,.94),rgba(9,9,9,.68)),url('/assets/images/editorial/brocade-fabric.webp');background-position:center,right center}
.page-hero.about-hero{background-image:linear-gradient(90deg,rgba(9,9,9,.88),rgba(9,9,9,.62)),url('/assets/images/textures/traditional-lamp.webp')}
.site-footer{background-image:linear-gradient(rgba(7,7,7,.94),rgba(7,7,7,.97)),url('/assets/images/textures/maroon-pattern.webp');background-size:cover;background-position:center}

/* Light theme. The same editorial photography is reused with brighter surfaces and legible overlays. */
:root[data-theme="light"]{--bg:#f6f1e8;--bg2:#eee5d8;--panel:#fffaf2;--panel2:#f0e7da;--line:rgba(112,70,29,.2);--gold:#a56d1d;--gold2:#75450f;--gold-dark:#8d5b1c;--text:#2b1b10;--muted:#6f5e4c;--muted2:#897765;--white:#fff;--shadow:0 20px 65px rgba(76,48,20,.12)}
:root[data-theme="light"] body{background:var(--bg);color:var(--text)}
:root[data-theme="light"] .site-header{background:rgba(250,246,238,.94);border-bottom-color:rgba(112,70,29,.15)}
:root[data-theme="light"] .main-nav a,:root[data-theme="light"] .header-actions a{color:#4f3926}
:root[data-theme="light"] .main-nav a:hover,:root[data-theme="light"] .main-nav a.is-active,:root[data-theme="light"] .header-actions a:hover{color:#9b6418}
:root[data-theme="light"] .theme-toggle{color:#75450f;background:#fffaf2;border-color:rgba(112,70,29,.25)}
:root[data-theme="light"] .hero{background-image:linear-gradient(90deg,rgba(249,244,235,.98) 0%,rgba(249,244,235,.94) 42%,rgba(249,244,235,.18) 75%,rgba(249,244,235,.02) 100%),url('/assets/images/textures/ivory-pattern.webp');border-bottom-color:var(--line)}
:root[data-theme="light"] .hero:before{background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(93,58,23,.025) 81px,transparent 82px)}
:root[data-theme="light"] .hero h1,:root[data-theme="light"] .page-hero h1{color:#2b1b10}
:root[data-theme="light"] .hero h1 em,:root[data-theme="light"] .page-hero h1 em{color:#9a6216}
:root[data-theme="light"] .hero-copy{color:#65513d}
:root[data-theme="light"] .hero-note{color:#826c52}
:root[data-theme="light"] .hero-bottom{color:#826c52;border-top-color:rgba(112,70,29,.18)}
:root[data-theme="light"] .hero-image-dark{display:none}
:root[data-theme="light"] .hero-image-light{display:block}
:root[data-theme="light"] .hero-side{border-color:rgba(112,70,29,.24);box-shadow:0 24px 65px rgba(88,57,26,.15);background:#efe5d5}
:root[data-theme="light"] .hero-side:after{background:linear-gradient(90deg,rgba(255,250,241,.1),transparent 30%,transparent 85%,rgba(255,250,241,.08))}
:root[data-theme="light"] .category-tile{background-color:#eee4d5;background-image:linear-gradient(180deg,rgba(250,246,238,.04) 0%,rgba(250,246,238,.05) 26%,rgba(250,246,238,.96) 100%),var(--tile-image);border-color:rgba(112,70,29,.2);color:#2d1b0f}
:root[data-theme="light"] .category-tile:hover{background-image:linear-gradient(180deg,rgba(250,246,238,.02) 0%,rgba(250,246,238,.05) 25%,rgba(250,246,238,.94) 100%),var(--tile-image);border-color:rgba(165,109,29,.55)}
:root[data-theme="light"] .category-tile .tile-number{color:#805016}
:root[data-theme="light"] .category-tile h3{color:#2d1b0f;text-shadow:0 1px 10px rgba(255,255,255,.6)}
:root[data-theme="light"] .category-tile span:not(.tile-number):not(.tile-mark){color:#6a5038}
:root[data-theme="light"] .category-tile:after{border-color:rgba(112,70,29,.12);box-shadow:0 0 0 19px rgba(112,70,29,.025),0 0 0 42px rgba(112,70,29,.02)}
:root[data-theme="light"] .section-heading h2,:root[data-theme="light"] .craft-section h2,:root[data-theme="light"] .custom-intro h2,:root[data-theme="light"] .about-lead h2,:root[data-theme="light"] .contact-band h2{color:#2b1b10}
:root[data-theme="light"] .craft-section{background:#efe6d9;border-color:var(--line)}
:root[data-theme="light"] .craft-left>p:not(.eyebrow){color:#6b5844}
:root[data-theme="light"] .craft-right{background-image:linear-gradient(180deg,rgba(255,249,239,.10),rgba(38,24,13,.35)),var(--craft-image)}
:root[data-theme="light"] .craft-right>p{color:#fff4dd;text-shadow:0 2px 18px rgba(0,0,0,.5)}
:root[data-theme="light"] .craft-right>p em{color:#ffdf9e}
:root[data-theme="light"] .craft-stamp{color:#fff0ce;border-color:rgba(255,241,213,.65)}
:root[data-theme="light"] .contact-band{background:#eee3d3;border-color:var(--line)}
:root[data-theme="light"] .contact-band p:not(.eyebrow){color:#6b5844}
:root[data-theme="light"] .page-hero{background-image:linear-gradient(180deg,rgba(249,244,235,.9),rgba(249,244,235,.95)),url('/assets/images/textures/ivory-pattern.webp');border-color:var(--line)}
:root[data-theme="light"] .page-hero.custom-hero{background-image:linear-gradient(90deg,rgba(249,244,235,.96),rgba(249,244,235,.79)),url('/assets/images/editorial/brocade-fabric.webp')}
:root[data-theme="light"] .page-hero.about-hero{background-image:linear-gradient(90deg,rgba(249,244,235,.94),rgba(249,244,235,.78)),url('/assets/images/textures/courtyard.webp')}
:root[data-theme="light"] .page-hero>p:not(.eyebrow){color:#6f5b47}
:root[data-theme="light"] .site-footer{background-image:linear-gradient(rgba(244,236,224,.95),rgba(244,236,224,.98)),url('/assets/images/textures/ivory-pattern.webp');border-top-color:var(--line)}
:root[data-theme="light"] .footer-links a,:root[data-theme="light"] .footer-bottom,:root[data-theme="light"] .footer-brand p{color:#68533d}
:root[data-theme="light"] .promo-banner{background-color:#eee4d6;color:#2b1b10}
:root[data-theme="light"] .promo-banner p:not(.eyebrow){color:#6b5844}
:root[data-theme="light"] .product-image{background:#eee5d8;border-color:rgba(112,70,29,.16)}
:root[data-theme="light"] .image-placeholder{background:radial-gradient(ellipse at 50% 40%,rgba(165,109,29,.12),transparent 50%),linear-gradient(145deg,#f2e8da,#e9dece);color:#9b6418}
:root[data-theme="light"] .image-placeholder small{color:#7e5a32}
:root[data-theme="light"] .product-price{color:#75450f}
:root[data-theme="light"] .card-link{border-top-color:rgba(112,70,29,.16);color:#70583e}
:root[data-theme="light"] .empty-state{background:linear-gradient(145deg,#fffaf2,#efe5d8);border-color:var(--line)}
:root[data-theme="light"] .empty-state p{color:#725d47}
:root[data-theme="light"] .shop-toolbar select,:root[data-theme="light"] .admin-form select,:root[data-theme="light"] .order-update-form select,:root[data-theme="light"] .setting-form select,:root[data-theme="light"] .feedback-list select,:root[data-theme="light"] input,:root[data-theme="light"] textarea{background:#fffaf2;color:#2b1b10;border-color:rgba(112,70,29,.23)}
:root[data-theme="light"] .search-field{border-color:rgba(112,70,29,.23);color:#8d5b1c}
:root[data-theme="light"] .search-field input{color:#2b1b10}
:root[data-theme="light"] .admin-shell,:root[data-theme="light"] .admin-main{background:#f6f1e8;color:#2b1b10}
:root[data-theme="light"] .admin-sidebar{background:#eee5d8;border-color:rgba(112,70,29,.18)}
:root[data-theme="light"] .admin-sidebar nav a,:root[data-theme="light"] .admin-sidebar-bottom a,:root[data-theme="light"] .admin-sidebar-bottom button{color:#60472e}
:root[data-theme="light"] .admin-card,:root[data-theme="light"] .admin-stats article,:root[data-theme="light"] .admin-topbar{background:#fffaf2;color:#2b1b10;border-color:rgba(112,70,29,.18)}
:root[data-theme="light"] .admin-card p,:root[data-theme="light"] .admin-card small,:root[data-theme="light"] .admin-topbar small{color:#715d48}
:root[data-theme="light"] .admin-list a,:root[data-theme="light"] .manage-list article,:root[data-theme="light"] .feedback-list>article,:root[data-theme="light"] .activity-list article{border-color:rgba(112,70,29,.15)}
:root[data-theme="light"] .admin-list a,:root[data-theme="light"] .manage-list b,:root[data-theme="light"] .feedback-list h3{color:#382514}
:root[data-theme="light"] .admin-empty{background:#f0e7da;color:#745e46}
:root[data-theme="light"] .table-wrap table{color:#382514}
:root[data-theme="light"] .table-wrap th{color:#82571d;background:#f1e7d9}
:root[data-theme="light"] .table-wrap td{border-color:rgba(112,70,29,.14)}
:root[data-theme="light"] .form-panel,:root[data-theme="light"] .auth-panel,:root[data-theme="light"] .tracked-order,:root[data-theme="light"] .account-order{background:#fffaf2;color:#2b1b10;border-color:var(--line)}
:root[data-theme="light"] .auth-aside{background-image:linear-gradient(90deg,rgba(247,239,228,.94),rgba(247,239,228,.8)),url('/assets/images/textures/ivory-pattern.webp');color:#2b1b10}
:root[data-theme="light"] .auth-aside p:not(.eyebrow){color:#6c5742}
:root[data-theme="light"] .auth-aside h1{color:#2b1b10}
:root[data-theme="light"] .track-form{background:#fffaf2;border-color:var(--line)}
:root[data-theme="light"] .measurement-panel{background:#eee4d7;border-color:var(--line)}
:root[data-theme="light"] .measurement-panel p:not(.eyebrow){color:#705b45}
:root[data-theme="light"] .main-nav.open{background:#faf5ec;border-color:var(--line)}
:root[data-theme="light"] .main-nav a{border-color:rgba(112,70,29,.12)}

@media(max-width:800px){.hero-side{right:0;top:auto;bottom:56px;transform:none;width:min(70vw,360px);height:auto;aspect-ratio:1.49;min-height:0;opacity:.42}.hero-content{width:100%;padding-right:28px}.hero h1{max-width:580px}.theme-toggle{width:32px;height:32px;font-size:17px}}
@media(max-width:520px){.hero-side{right:-18px;bottom:58px;width:min(78vw,320px);opacity:.34}.hero-content{position:relative}.theme-toggle{width:30px;height:30px;font-size:16px}}
.editorial-feature-row{max-width:var(--max);margin:0 auto;padding:0 28px 80px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.editorial-feature{position:relative;min-height:330px;overflow:hidden;border:1px solid var(--line);background:#17120c;display:flex;align-items:flex-end;isolation:isolate}
.editorial-media{position:absolute;inset:0;z-index:-2}
.editorial-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s}
.editorial-media .editorial-light{display:none}
.editorial-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,6,6,.03) 18%,rgba(6,6,6,.88) 100%)}
.editorial-feature:hover .editorial-media img{transform:scale(1.045)}
.editorial-copy{padding:28px 26px;color:#fff6e6}
.editorial-copy .eyebrow{color:#e4c37d}
.editorial-copy h2{font-family:var(--serif);font-size:clamp(24px,2.7vw,34px);font-weight:400;line-height:1.08;margin:0 0 15px}
.editorial-copy h2 em{color:#e4c37d;font-weight:400}
.editorial-copy>span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid rgba(228,195,125,.7);padding-bottom:5px}
:root[data-theme="light"] .editorial-feature{background:#eee4d6}
:root[data-theme="light"] .editorial-media .editorial-dark{display:none}
:root[data-theme="light"] .editorial-media .editorial-light{display:block}
:root[data-theme="light"] .editorial-feature:after{background:linear-gradient(180deg,rgba(255,250,242,.02) 8%,rgba(42,26,13,.78) 100%)}
:root[data-theme="light"] .editorial-copy{color:#fff8eb}
:root[data-theme="light"] .editorial-copy .eyebrow,:root[data-theme="light"] .editorial-copy h2 em{color:#f0d49c}
:root[data-theme="light"] .about-hero{background-image:linear-gradient(90deg,rgba(249,244,235,.9),rgba(249,244,235,.66)),url('/assets/images/textures/jasmine-detail.webp')}
:root[data-theme="light"] .values-section{background-image:linear-gradient(rgba(246,241,232,.93),rgba(246,241,232,.96)),url('/assets/images/textures/ivory-silk.webp');background-size:cover;background-position:center}
.values-section{background-image:linear-gradient(rgba(9,9,9,.93),rgba(9,9,9,.96)),url('/assets/images/textures/maroon-silk.webp');background-size:cover;background-position:center}
@media(max-width:800px){.editorial-feature-row{grid-template-columns:1fr;padding:0 22px 55px}.editorial-feature{min-height:290px}.editorial-copy h2{font-size:31px}}

.category-page-hero[style*="--category-hero-image"]{background-image:linear-gradient(90deg,rgba(9,9,9,.94),rgba(9,9,9,.78)),var(--category-hero-image);background-size:cover;background-position:center 42%}
:root[data-theme="light"] .category-page-hero[style*="--category-hero-image"]{background-image:linear-gradient(90deg,rgba(249,244,235,.93),rgba(249,244,235,.77)),var(--category-hero-image)}


/* ROOH UI system v3: consistent SVG icons, readable type, unified spacing and theme controls. */
:root{--bg:#090909;--bg2:#11110f;--panel:#151512;--panel2:#1b1a16;--line:rgba(224,190,107,.22);--gold:#d8b66a;--gold2:#f0d99b;--gold-dark:#9b7536;--text:#f1eee6;--muted:#b7b0a3;--muted2:#8e877b;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--max:1280px;--shadow:0 20px 70px rgba(0,0,0,.28);--card-radius:4px;--control-radius:2px}
:root[data-theme="light"]{--bg:#f7f2e9;--bg2:#f0e7da;--panel:#fffaf2;--panel2:#f2e9dc;--line:rgba(112,70,29,.19);--text:#2b1b10;--muted:#715d48;--muted2:#8a725a;--gold:#9e681b;--gold2:#805016;--gold-dark:#a77a35;--shadow:0 18px 55px rgba(77,49,22,.10)}
body[data-site-width="wide"]{--max:1440px}
body[data-card-radius="sharp"]{--card-radius:0px;--control-radius:0px}
body[data-card-radius="rounded"]{--card-radius:14px;--control-radius:9px}
body[data-card-radius="subtle"]{--card-radius:4px;--control-radius:3px}
body[data-button-style="soft"] .btn,body[data-button-style="soft"] .admin-shortcut{border-radius:999px}
body[data-font-scale="large"]{font-size:17px}
body[data-font-scale="large"] .main-nav a,body[data-font-scale="large"] .header-actions a{font-size:12px}
body[data-font-scale="large"] .eyebrow{font-size:12px}
body[data-font-scale="large"] .admin-sidebar nav a,body[data-font-scale="large"] .admin-sidebar-bottom a,body[data-font-scale="large"] .admin-sidebar-bottom button{font-size:14px}
body[data-font-scale="large"] .admin-form label,body[data-font-scale="large"] .setting-form label{font-size:14px}
.ui-icon{width:18px;height:18px;display:inline-block;flex:0 0 auto;vertical-align:middle;stroke:currentColor}
.ui-icon-sm{width:14px;height:14px}
.ui-icon-lg{width:22px;height:22px}
.ui-icon-xl{width:28px;height:28px}
button .ui-icon,.btn .ui-icon,a .ui-icon{margin-right:4px}
[hidden]{display:none!important}
.eyebrow{font-size:11px;letter-spacing:.19em;line-height:1.45}
.tiny{font-size:13px}
body{font-size:16px;line-height:1.7}
.btn{min-height:50px;padding:0 23px;font-size:12px;letter-spacing:.09em;border-radius:var(--control-radius)}
input,select,textarea{border-radius:var(--control-radius)}
.site-header{background:rgba(8,8,8,.96)}
:root[data-theme="light"] .site-header{background:rgba(250,246,238,.97)}
.header-inner{height:88px;gap:24px}
.brand-mark{width:var(--logo-width,150px);flex-basis:var(--logo-width,150px)}
.main-nav{gap:clamp(14px,2vw,32px)}
.main-nav a,.header-actions a{font-size:12px;letter-spacing:.09em}
.header-actions{gap:16px}
.icon-link,.theme-toggle,.menu-toggle{display:inline-flex;align-items:center;justify-content:center}
.icon-link .ui-icon{width:21px;height:21px}
.bag-link{display:inline-flex;align-items:center;gap:7px}
.bag-link>.ui-icon{width:18px;height:18px}
.bag-link span{width:22px;height:22px;font-size:11px}
.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--gold2);padding:0}
.theme-toggle .ui-icon{width:19px;height:19px;margin:0}
.menu-toggle{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;padding:0;background:transparent;color:var(--gold2)}
.menu-toggle .ui-icon{width:20px;height:20px;margin:0}
.admin-shortcut{display:inline-flex;align-items:center;gap:6px;padding:9px 13px!important;border-radius:var(--control-radius);font-size:11px!important}
.admin-shortcut .ui-icon{width:15px;height:15px;margin:0}
.hero{background-image:linear-gradient(90deg,rgba(6,6,6,.90) 0%,rgba(6,6,6,.62) 47%,rgba(6,6,6,.08) 100%),url('/assets/images/hero/hero-dark.webp');background-size:cover;background-position:center right}
:root[data-theme="light"] .hero{background-image:linear-gradient(90deg,rgba(249,244,235,.96) 0%,rgba(249,244,235,.82) 46%,rgba(249,244,235,.16) 100%),url('/assets/images/hero/hero-light.webp')}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-side{overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.hero-side .side-frame,.hero-side .side-frame-inner{display:none}
.hero-content{width:min(66%,790px)}
.hero h1{font-size:clamp(54px,6vw,88px)}
.hero-copy{font-size:16px;max-width:510px}
.hero-note,.hero-bottom{font-size:10px}
.category-tile{border-radius:var(--card-radius);min-height:220px;background-color:#201911;background-image:linear-gradient(180deg,rgba(5,5,5,.10) 0%,rgba(5,5,5,.18) 30%,rgba(5,5,5,.88) 100%),var(--tile-image);background-size:cover;background-position:center;}
.category-tile:after{display:none}
.category-tile h3{font-size:clamp(21px,2vw,27px);text-shadow:0 2px 18px rgba(0,0,0,.48)}
.category-tile span:not(.tile-number):not(.tile-mark){font-size:11px;letter-spacing:.10em;color:#f0e6d3}
.tile-mark{width:38px;height:38px;right:20px;bottom:20px;border:1px solid rgba(240,217,155,.65);border-radius:50%;display:grid;place-items:center;color:var(--gold2);font-size:0;background:rgba(9,9,9,.22)}
.tile-mark .ui-icon{width:18px;height:18px}
.category-tile:hover{background-color:#1a140e;background-image:linear-gradient(180deg,rgba(5,5,5,.03) 0%,rgba(5,5,5,.13) 28%,rgba(5,5,5,.82) 100%),var(--tile-image)}
:root[data-theme="light"] .category-tile{background-image:linear-gradient(180deg,rgba(37,22,10,.04) 0%,rgba(37,22,10,.08) 30%,rgba(37,22,10,.78) 100%),var(--tile-image);color:#fffaf0}
:root[data-theme="light"] .category-tile h3{color:#fffaf0;text-shadow:0 2px 18px rgba(0,0,0,.6)}
:root[data-theme="light"] .category-tile span:not(.tile-number):not(.tile-mark){color:#f8ecd7}
:root[data-theme="light"] .category-tile .tile-number{color:#ffdf9e}
.tile-number{font-size:11px}
.product-image{border-radius:var(--card-radius);height:330px}
.product-image img{object-position:center top}
.category-fallback-image,.detail-category-fallback{width:100%;height:100%;object-fit:cover;object-position:center}
.image-tag-fallback{left:auto;right:12px}
.product-meta .eyebrow{font-size:10px}
.product-meta h3{font-size:22px}
.product-price{font-size:15px}
.card-link{font-size:11px}
.image-placeholder{min-height:240px}
.editorial-feature{border-radius:var(--card-radius);overflow:hidden}
.editorial-copy h2{font-size:clamp(26px,2.8vw,36px)}
.craft-section,.contact-band,.contact-card,.admin-card,.admin-stats article,.order-manage,.form-panel,.auth-panel,.auth-aside{border-radius:var(--card-radius)}
.search-field .search-icon{display:grid;place-items:center}
.search-field .ui-icon{width:19px;height:19px}
.search-field input{font-size:15px;min-height:50px}
.shop-toolbar select,.admin-form select,.order-update-form select,.setting-form select,.feedback-list select{font-size:14px;min-height:48px}
.results-line{font-size:14px}
.page-hero>p:not(.eyebrow){font-size:15px}
.product-information h1{font-size:clamp(40px,4vw,60px)}
.product-description{font-size:15px}
.product-availability{font-size:12px}
.detail-notes p{font-size:13px}
.auth-panel label,.stack-form label,.form-panel label,.track-form label{font-size:13px}
.auth-panel input,.stack-form input,.form-panel input,.form-panel textarea,.form-panel select,.track-form input{min-height:50px;font-size:15px;padding:10px 13px}
.site-footer{background:#060605}
.footer-links a{font-size:13px}
.footer-bottom{font-size:11px}
.whatsapp-float{width:54px;height:54px;border-radius:50%;display:grid;place-items:center}
.whatsapp-float .ui-icon{width:25px;height:25px}
/* Admin: larger type, stronger contrast, clear spacing and touch targets. */
.admin-shell{grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 88px)}
.admin-sidebar{padding:26px 16px}
.admin-brand img{width:140px}
.admin-brand span{font-size:10px}
.admin-sidebar nav{gap:6px;padding-top:22px}
.admin-sidebar nav a{min-height:47px;padding:11px 13px;font-size:14px;gap:12px;border-radius:var(--card-radius)}
.admin-sidebar nav a>span{width:22px;display:grid;place-items:center}
.admin-nav-icon{width:19px;height:19px}
.admin-sidebar nav a b{font-size:11px}
.admin-sidebar-bottom{gap:14px;padding:22px 12px 0}
.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:13px;display:flex;align-items:center;gap:9px;min-height:28px}
.admin-sidebar-bottom .ui-icon{width:17px;height:17px;color:var(--gold)}
.admin-main{padding:34px clamp(22px,3vw,48px) 70px;background:var(--bg2)}
.admin-topbar{padding-bottom:24px;margin-bottom:30px}
.admin-topbar h1{font-size:clamp(32px,3vw,42px)}
.admin-top-actions>a{font-size:13px;display:inline-flex;align-items:center;gap:8px}
.admin-top-actions .ui-icon{width:17px;height:17px}
.admin-avatar{width:42px;height:42px;font-size:18px}
.admin-stats{gap:16px;margin-bottom:20px}
.admin-stats article{padding:23px;gap:7px}
.admin-stats article span{font-size:13px;color:var(--muted)}
.admin-stats strong{font-size:42px}
.admin-stats small{font-size:12px}
.admin-dashboard-grid{gap:18px}
.admin-card{padding:25px;background:var(--panel);border-color:var(--line);box-shadow:var(--shadow)}
.admin-card-heading{margin-bottom:22px}
.admin-card-heading h2,.admin-card h2{font-size:28px}
.admin-card-heading>a{font-size:13px;display:inline-flex;align-items:center;gap:6px}
.admin-list>a{gap:14px;padding:16px 0}
.admin-list b{font-size:14px}
.admin-list small{font-size:12px}
.admin-list strong{font-size:13px}
.admin-empty{padding:38px 18px;font-size:14px;line-height:1.65;border-radius:var(--card-radius)}
.low-stock-list>div{padding:15px 0;font-size:13px}
.quick-actions{gap:12px;align-items:center}
.quick-actions .eyebrow{font-size:11px}
.quick-actions a{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:11px 14px;border-radius:var(--control-radius)}
.admin-split{gap:18px;grid-template-columns:minmax(330px,.9fr) minmax(360px,1.1fr)}
.admin-form{gap:18px}
.admin-form label,.setting-form label{font-size:13px;line-height:1.5;color:var(--text);display:grid;gap:7px}
.admin-form label small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}
.admin-form input,.admin-form textarea,.admin-form select{min-height:48px;font-size:14px;padding:10px 12px;border:1px solid var(--line);background:var(--bg);color:var(--text);width:100%;max-width:100%}
.admin-form textarea{min-height:115px;resize:vertical}
.admin-form input[type=file]{min-height:50px;font-size:13px;padding:10px}
.admin-form input[type=checkbox],.check-row input,.check-label input{width:18px;height:18px;min-height:18px;accent-color:var(--gold)}
.check-row{gap:12px}
.check-row label,.check-label{font-size:13px!important;gap:10px!important;display:flex!important;align-items:center}
.manage-list>article{gap:15px;padding:16px 0}
.manage-thumb{width:70px;height:76px;flex:0 0 70px;border-radius:var(--card-radius)}
.manage-info b{font-size:14px}
.manage-info small{font-size:12px}
.manage-actions{gap:10px}
.manage-actions a,.manage-actions button,.danger-link{font-size:12px;min-height:28px}
.admin-image-list>div{width:84px;height:90px;border-radius:4px;overflow:hidden}
.image-admin-thumb form button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.image-admin-thumb form button .ui-icon{width:14px;height:14px}
.category-number{width:42px;height:42px;font-size:16px;flex:0 0 42px}
.orders-list{gap:17px}
.order-manage{padding:22px;background:var(--bg2)}
.order-manage-heading h3{font-size:24px}
.order-manage-heading small,.order-contact{font-size:12px}
.order-address{font-size:13px}
.order-lines>div{font-size:13px;padding:8px 0}
.attachment-link{font-size:13px;display:inline-flex;align-items:center;gap:7px}
.order-update-form{gap:12px;margin:20px 0 12px}
.order-update-form label{font-size:11px;gap:7px}
.order-update-form input,.order-update-form select{height:49px;min-height:49px;font-size:14px;padding:9px 11px;border-radius:var(--control-radius)}
.order-update-form .btn{height:49px;min-height:49px;padding:0 15px;font-size:12px;white-space:nowrap}
.order-manage>small{font-size:12px}
th,td{padding:15px 12px;font-size:13px}
th{font-size:11px}
td small{font-size:12px}
.feedback-list>article{padding:22px 0}
.feedback-list h3{font-size:22px}
.feedback-list p{font-size:14px;line-height:1.7}
.feedback-list small{font-size:12px}
.feedback-list select{min-height:44px;font-size:13px}
.feedback-list .btn{min-height:44px;padding:0 15px;font-size:11px}
.settings-grid{gap:18px}
.setting-form{gap:12px;padding:15px 0}
.setting-form input{min-height:48px;font-size:14px;padding:10px 12px}
.setting-form .btn{min-height:48px;padding:0 16px;font-size:11px}
.settings-note{padding:18px;border-radius:var(--card-radius)}
.settings-note b{font-size:14px}
.settings-note p{font-size:13px;line-height:1.6}
.activity-list article{padding:17px 0}
.activity-list b{font-size:14px}
.activity-list p{font-size:13px;line-height:1.65}
.activity-list small{font-size:12px}
.backup-card>p:not(.eyebrow){font-size:14px}
.status-pill{font-size:10px;padding:6px 10px;border-radius:999px}
.admin-login-note{font-size:13px;color:var(--gold2);padding:14px 16px;border:1px solid var(--line);background:rgba(216,182,106,.07);margin:20px 0;border-radius:var(--card-radius)}
.maintenance-admin-link{display:inline-flex;margin-top:28px;color:var(--gold2);font-size:13px;letter-spacing:.05em;border-bottom:1px solid var(--gold-dark);padding-bottom:6px}
.category-admin-preview{width:100%;max-height:190px;object-fit:cover;border:1px solid var(--line);border-radius:var(--card-radius)}
.rating-star{width:14px;height:14px;color:var(--gold);fill:rgba(216,182,106,.12);margin-right:2px}
.success-symbol .ui-icon{width:28px;height:28px}
/* Appearance editor */
.appearance-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:stretch;margin-bottom:18px}
.appearance-intro>div:first-child{padding:26px 0}
.appearance-intro h2{font-family:var(--serif);font-size:clamp(27px,3vw,38px);font-weight:400;margin:0 0 12px}
.appearance-intro p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:700px;line-height:1.7}
.appearance-preview{padding:17px;background:linear-gradient(135deg,#20180f,#100d09);border:1px solid var(--line);border-radius:var(--card-radius)}
.preview-kicker{font-size:10px;letter-spacing:.18em;color:#d8b66a;text-transform:uppercase}
.preview-panel{margin-top:12px;padding:18px;background:linear-gradient(120deg,#080808,#22160e);border:1px solid rgba(216,182,106,.35);display:grid;gap:7px;min-height:145px}
.preview-logo{font-family:var(--serif);font-size:27px;letter-spacing:.14em;color:#e7c678}
.preview-swatch{width:45px;height:3px;background:#d8b66a}
.preview-heading{font-family:var(--serif);font-size:20px;color:#fff3d6}
.preview-copy{font-size:11px;color:#b9aa8d}
.preview-button{justify-self:start;margin-top:5px;padding:7px 12px;background:linear-gradient(115deg,#b58a43,#f1d995);color:#17120a;font-size:10px;text-transform:uppercase;letter-spacing:.09em}
.appearance-form{display:grid;gap:18px}
.appearance-card .admin-card-heading>.ui-icon{color:var(--gold)}
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.appearance-grid label{display:grid;gap:7px;font-size:13px;color:var(--text)}
.appearance-grid select,.appearance-grid input{min-height:49px;width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:10px 12px;font-size:14px}
.appearance-grid small{font-size:12px;color:var(--muted);line-height:1.5}
.section-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.section-toggle{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);background:var(--bg2);border-radius:var(--card-radius);cursor:pointer;min-height:72px}
.section-toggle input{position:absolute;opacity:0;pointer-events:none}
.toggle-mark{width:24px;height:24px;border:1px solid var(--gold-dark);border-radius:4px;display:grid;place-items:center;color:transparent;flex:0 0 24px}
.toggle-mark .ui-icon{width:16px;height:16px}
.section-toggle input:checked+.toggle-mark{background:var(--gold);color:#181108;border-color:var(--gold)}
.section-toggle input:focus-visible+.toggle-mark{outline:3px solid var(--gold2);outline-offset:3px}
.section-toggle b{font-size:13px;display:block}
.section-toggle small{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.appearance-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}
.appearance-actions p{color:var(--muted);font-size:12px;max-width:620px;margin:0}
/* Improve empty-state art, fallbacks and consistent interaction feedback. */
.image-placeholder{padding:0;overflow:hidden}
.category-fallback-image{opacity:.96}
.detail-category-fallback{max-height:720px;object-fit:cover}
.category-page-hero{background-color:var(--bg2)}
:root[data-theme="light"] .category-page-hero{color:#2b1b10}
:root[data-theme="light"] .appearance-preview{background:linear-gradient(135deg,#3a2818,#1a120b)}
:root[data-theme="light"] .admin-card{background:var(--panel)}
:root[data-theme="light"] .order-manage{background:#f4ecdf}
:root[data-theme="light"] .settings-note{background:#f0e5d6}
:root[data-theme="light"] .section-toggle{background:#f5ede2}
:root[data-theme="light"] .admin-form input,:root[data-theme="light"] .admin-form textarea,:root[data-theme="light"] .admin-form select,:root[data-theme="light"] .appearance-grid select,:root[data-theme="light"] .appearance-grid input{background:#fffaf2;color:#2b1b10}
:root[data-theme="light"] .search-field .ui-icon{color:#82571d}
:root[data-theme="light"] .product-description{color:#5f4a35}
:root[data-theme="light"] .contact-card{background:#f4eadc}
:root[data-theme="light"] .admin-list b,:root[data-theme="light"] .manage-info b{color:#2b1b10}
:root[data-theme="light"] .admin-list small,:root[data-theme="light"] .manage-info small{color:#705a43}
:root[data-theme="light"] .table-wrap td{color:#4b3928}
:root[data-theme="light"] .order-address,:root[data-theme="light"] .order-lines>div{color:#59442e}
:root[data-theme="light"] .order-update-form input{background:#fffaf2;color:#2b1b10}
:root[data-theme="light"] .admin-sidebar{background:#eee5d8}
:root[data-theme="light"] .admin-sidebar nav a{color:#60472e}
:root[data-theme="light"] .admin-sidebar nav a.active,:root[data-theme="light"] .admin-sidebar nav a:hover{background:rgba(158,104,27,.12);color:#6d430b}
:root[data-theme="light"] .admin-sidebar-bottom a,:root[data-theme="light"] .admin-sidebar-bottom button{color:#60472e}
:root[data-theme="light"] .manage-list>article,:root[data-theme="light"] .feedback-list>article,:root[data-theme="light"] .activity-list article{border-color:rgba(112,70,29,.15)}
:root[data-theme="light"] .admin-empty{background:#f5ede2;color:#705a43}
:root[data-theme="light"] .menu-toggle{color:#805016;border-color:rgba(112,70,29,.28)}
:root[data-theme="light"] .theme-toggle{color:#805016;border-color:rgba(112,70,29,.28)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
@media(max-width:1100px){.admin-shell{grid-template-columns:235px minmax(0,1fr)}.admin-sidebar nav a{font-size:13px}.hero-content{width:66%}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.header-inner{height:78px}.header-actions{gap:10px}.main-nav{top:78px}.main-nav a{font-size:13px;padding:15px 0}.hero{min-height:590px;background-position:60% center}.hero-content{width:100%;padding:85px 25px 120px}.hero-copy{font-size:15px}.hero-side{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tile{min-height:185px}.product-image{height:clamp(220px,42vw,330px)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:static;padding:12px 14px;overflow:hidden}.admin-brand{display:flex;align-items:center;justify-content:space-between;padding:0 5px 10px}.admin-brand img{width:110px}.admin-sidebar nav{display:flex;overflow-x:auto;gap:7px;padding:11px 0 4px;scrollbar-width:thin}.admin-sidebar nav a{white-space:nowrap;min-height:44px;padding:10px 12px;font-size:12px;flex:0 0 auto}.admin-sidebar nav a>span{display:grid;width:auto}.admin-nav-icon{width:17px;height:17px}.admin-sidebar-bottom{display:flex;gap:18px;justify-content:flex-end;padding:12px 5px 0}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:12px}.admin-main{padding:23px 16px 50px}.admin-topbar{align-items:flex-start}.admin-topbar h1{font-size:30px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard-grid,.admin-split,.settings-grid{grid-template-columns:1fr}.admin-card{padding:20px}.admin-form{gap:15px}.admin-form label{font-size:13px}.admin-form input,.admin-form textarea,.admin-form select{font-size:14px}.appearance-intro{grid-template-columns:1fr}.appearance-preview{max-width:none}.appearance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-toggle-grid{grid-template-columns:1fr}.appearance-actions{align-items:stretch;flex-direction:column}.appearance-actions .btn{width:100%}.order-update-form{grid-template-columns:1fr 1fr}.order-update-form label:nth-child(3){grid-column:1/-1}.order-update-form .btn{grid-column:1/-1}.table-wrap{max-width:100%}.feedback-list>article{flex-direction:column}.feedback-list>article>div:last-child{justify-items:start}.feedback-list form{flex-wrap:wrap}}
@media(max-width:520px){body{font-size:15px}.brand-mark{width:112px;flex-basis:112px}.header-inner{gap:9px;padding:0 13px}.header-actions{gap:7px}.header-actions>a{font-size:10px}.header-actions .icon-link{display:none}.theme-toggle,.menu-toggle{width:36px;height:36px}.admin-shortcut{display:none}.hero{min-height:580px}.hero h1{font-size:clamp(47px,12vw,64px)}.hero-content{padding:70px 21px 110px}.hero-copy{font-size:14px;max-width:100%}.hero-bottom{font-size:8px;padding:13px 15px}.section{padding:60px 18px}.category-section{padding-top:65px}.category-grid{grid-template-columns:1fr 1fr;gap:10px}.category-tile{min-height:160px;padding:15px}.category-tile h3{font-size:18px}.category-tile span:not(.tile-number):not(.tile-mark){font-size:9px}.tile-mark{width:30px;height:30px;right:12px;bottom:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.product-image{height:205px}.product-meta h3{font-size:17px}.product-meta .eyebrow{font-size:9px}.product-price{font-size:13px}.card-link{font-size:9px}.admin-main{padding:19px 11px 40px}.admin-sidebar{padding:10px 10px}.admin-sidebar nav a{padding:9px 10px;font-size:11px}.admin-sidebar-bottom{justify-content:space-between;gap:8px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:11px}.admin-main .admin-card{padding:15px}.admin-card-heading h2,.admin-card h2{font-size:23px}.admin-topbar h1{font-size:26px}.admin-top-actions>a{display:none}.admin-stats{gap:9px}.admin-stats article{padding:14px}.admin-stats article span{font-size:11px}.admin-stats strong{font-size:32px}.admin-stats small{font-size:10px}.admin-split{grid-template-columns:minmax(0,1fr)}.admin-form input,.admin-form textarea,.admin-form select{min-height:47px}.manage-list>article{gap:10px}.manage-thumb{width:56px;height:62px;flex-basis:56px}.manage-info b{font-size:12px}.manage-info small{font-size:10px}.manage-actions a,.manage-actions button{font-size:11px}.order-update-form{grid-template-columns:1fr}.order-update-form label:nth-child(3),.order-update-form .btn{grid-column:auto}.order-manage{padding:15px}.order-contact{font-size:11px}.feedback-list h3{font-size:19px}.feedback-list p{font-size:13px}.appearance-grid{grid-template-columns:1fr}.appearance-intro h2{font-size:28px}.section-toggle{min-height:66px;padding:11px}.section-toggle b{font-size:12px}.appearance-actions p{font-size:11px}.site-footer{padding:45px 20px 18px}.footer-links{gap:35px}.footer-bottom{font-size:10px}.whatsapp-float{width:48px;height:48px;right:13px;bottom:13px}}


/* ROOH v3.1: accessible typography, consistent controls and SVG icon system */
:root{--ui-icon-size:20px;--ui-focus:rgba(203,160,72,.52)}
.ui-icon{display:inline-block;width:var(--ui-icon-size);height:var(--ui-icon-size);flex:0 0 auto;vertical-align:middle}
.ui-icon-sm{width:16px;height:16px}.ui-icon-xl{width:25px;height:25px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}
body{font-size:16px;line-height:1.6}
body[data-font-scale="large"]{font-size:18px}
body[data-site-width="wide"] .header-inner,body[data-site-width="wide"] main>.section,body[data-site-width="wide"] .admin-shell{max-width:1540px}
body[data-button-style="soft"] .btn,body[data-button-style="soft"] button{border-radius:12px}
body[data-button-style="refined"] .btn{border-radius:2px}
body[data-card-radius="sharp"] .admin-card,body[data-card-radius="sharp"] .product-card,body[data-card-radius="sharp"] .category-tile{border-radius:2px}
body[data-card-radius="subtle"] .admin-card,body[data-card-radius="subtle"] .product-card,body[data-card-radius="subtle"] .category-tile{border-radius:8px}
body[data-card-radius="rounded"] .admin-card,body[data-card-radius="rounded"] .product-card,body[data-card-radius="rounded"] .category-tile{border-radius:18px}
.brand-mark{width:var(--logo-width,150px);flex-basis:var(--logo-width,150px)}
.header-actions .ui-icon,.admin-shortcut .ui-icon{width:19px;height:19px}
.admin-shell{gap:0;max-width:1680px;margin:0 auto;min-height:calc(100vh - 86px)}
.admin-sidebar{width:250px;min-width:250px;padding:24px 18px}
.admin-sidebar nav{gap:5px}
.admin-sidebar nav a{font-size:14px;line-height:1.35;min-height:46px;padding:11px 12px;gap:12px}
.admin-sidebar nav a .ui-icon,.admin-nav-icon{width:19px;height:19px}
.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:13px;min-height:42px}
.admin-main{min-width:0;padding:34px clamp(20px,3vw,46px) 70px}
.admin-topbar h1{font-size:clamp(32px,3.5vw,46px);line-height:1.12}
.admin-main .eyebrow,.admin-sidebar .eyebrow{font-size:11px;letter-spacing:.18em}
.admin-card{padding:26px}
.admin-card-heading h2,.admin-card h2{font-size:clamp(23px,2vw,29px);line-height:1.2}
.admin-form,.setting-form,.order-update-form{gap:16px}
.admin-form label,.setting-form label,.order-update-form label{font-size:14px;line-height:1.5;font-weight:600}
.admin-form label small,.setting-form small,.admin-form small{display:block;font-size:12px;line-height:1.55;font-weight:400;margin-top:5px;color:var(--muted)}
.admin-form input,.admin-form textarea,.admin-form select,.setting-form input,.setting-form select,.order-update-form input,.order-update-form select{font-size:15px;line-height:1.4;min-height:50px;padding:12px 14px}
.admin-form textarea{min-height:110px}
.admin-table,table{font-size:14px}
.admin-table th,table th{font-size:12px;letter-spacing:.07em}
.manage-info b,.manage-info strong{font-size:15px}
.manage-info small,.muted,.settings-note p,.appearance-grid small{font-size:13px;line-height:1.55}
.manage-actions a,.manage-actions button,.danger-link{font-size:13px;min-height:38px;padding:8px 10px}
.admin-stats article span{font-size:13px}.admin-stats strong{font-size:36px}.admin-stats small{font-size:12px}
.admin-empty,.empty-state p{font-size:15px;line-height:1.7}
.appearance-grid label{font-size:14px}.appearance-grid select,.appearance-grid input{min-height:50px;font-size:15px}
.section-toggle{min-height:76px}.section-toggle b{font-size:14px}.section-toggle small{font-size:12px}
.btn{min-height:48px;font-size:14px;letter-spacing:.04em;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:10px}
.category-tile .tile-mark{display:grid;place-items:center;background:rgba(8,7,6,.62);border:1px solid var(--gold);color:var(--gold);border-radius:50%;width:42px;height:42px}
.category-tile .tile-mark .ui-icon{width:20px;height:20px}
.category-tile>div>span,.card-link,.text-link{font-size:13px;letter-spacing:.07em}
.product-meta .eyebrow{font-size:11px}.product-meta h3{font-size:18px;line-height:1.35}.product-price{font-size:15px}.card-link{min-height:40px}
.product-image img,.gallery-main img,.cart-thumb img,.manage-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.category-fallback-image,.detail-category-fallback{background:var(--panel)}
.category-admin-preview{width:100%;max-height:220px;object-fit:cover;border:1px solid var(--line);border-radius:var(--card-radius)}
.maintenance-admin-link{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:13px 18px;min-height:46px;border:1px solid rgba(202,161,75,.55);color:var(--gold);font-size:14px;text-decoration:none;letter-spacing:.06em}
.admin-shortcut{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 12px;border:1px solid var(--line);font-size:12px;letter-spacing:.06em}
.site-footer .brand-mark img{display:block;max-width:100%;height:auto}
.empty-mark .ui-icon{width:28px;height:28px}
.icon-link,.theme-toggle,.menu-toggle,.bag-link{display:inline-flex;align-items:center;justify-content:center}
.icon-link .ui-icon,.theme-toggle .ui-icon,.bag-link .ui-icon{width:20px;height:20px}
input[type="file"]{min-height:50px;padding:8px;background:var(--panel)}
@media(max-width:900px){.admin-sidebar{width:100%;min-width:0;padding:13px 16px}.admin-sidebar nav a{font-size:14px;min-height:46px}.admin-main{padding:25px 18px 55px}.admin-card{padding:22px}}
@media(max-width:800px){.admin-sidebar nav a{font-size:14px;padding:11px 14px}.admin-main .eyebrow{font-size:11px}.admin-form label,.setting-form label,.order-update-form label{font-size:14px}.admin-form input,.admin-form textarea,.admin-form select,.setting-form input,.setting-form select{font-size:16px;min-height:50px}.admin-stats article span{font-size:13px}.admin-stats small{font-size:12px}.manage-info b{font-size:15px}.manage-info small{font-size:12px}.manage-actions a,.manage-actions button{font-size:13px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:13px}}
@media(max-width:520px){body{font-size:15px}.brand-mark{width:var(--logo-width,118px);flex-basis:var(--logo-width,118px)}.main-nav a{font-size:14px}.header-actions .bag-link{font-size:12px}.admin-sidebar nav a{font-size:13px;min-height:44px;padding:10px 12px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:12px}.admin-main{padding:20px 13px 45px}.admin-main .eyebrow,.admin-card .eyebrow{font-size:10px}.admin-topbar h1{font-size:28px}.admin-card-heading h2,.admin-card h2{font-size:23px}.admin-form label,.setting-form label{font-size:14px}.admin-form input,.admin-form textarea,.admin-form select,.setting-form input,.setting-form select{font-size:16px}.admin-stats article span{font-size:12px}.admin-stats strong{font-size:32px}.admin-stats small{font-size:11px}.manage-info b{font-size:14px}.manage-info small{font-size:12px}.manage-actions a,.manage-actions button{font-size:12px}.appearance-grid{grid-template-columns:1fr}.section-toggle b{font-size:13px}.section-toggle small{font-size:12px}.product-meta h3{font-size:16px}.product-meta .eyebrow{font-size:10px}.product-price{font-size:14px}.card-link,.text-link{font-size:12px}.btn{font-size:13px;min-height:46px}.tile-mark{width:34px;height:34px}}

/* Final readability pass: keep micro-labels restrained, but never tiny. */
:root{--body-copy-size:15px}
body{font-size:var(--body-copy-size)}
body[data-font-scale="large"]{--body-copy-size:16px}
.admin-main{font-size:14px}
.admin-main .eyebrow,.admin-card .eyebrow,.admin-brand span,.preview-kicker{font-size:11px}
.admin-sidebar nav a,.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:13px}
.admin-form label,.setting-form label,.appearance-grid label{font-size:14px}
.admin-form label small,.appearance-grid small,.section-toggle small{font-size:12px;line-height:1.5}
.admin-form input,.admin-form textarea,.admin-form select,.setting-form input,.setting-form select,.appearance-grid input,.appearance-grid select{font-size:15px;min-height:48px}
.manage-info b{font-size:14px}.manage-info small,.manage-actions a,.manage-actions button{font-size:12px}
.status-pill{font-size:11px}.admin-stats article span,.admin-stats article small{font-size:12px}
.table-wrap th,.table-wrap td{font-size:13px;padding:13px 12px}
.track-form label{font-size:11px}.track-form input{font-size:14px}.notice-track{font-size:13px}
.eyebrow{letter-spacing:.13em}
@media(max-width:520px){.admin-main .eyebrow,.admin-card .eyebrow{font-size:11px}.admin-sidebar nav a{font-size:13px}.admin-sidebar-bottom a,.admin-sidebar-bottom button{font-size:12px}.admin-form label,.setting-form label{font-size:14px}.manage-info b{font-size:13px}.manage-info small{font-size:12px}.hero-bottom{font-size:10px}.category-tile span:not(.tile-number):not(.tile-mark){font-size:11px}.product-meta .eyebrow{font-size:10px}.card-link{font-size:11px}}

body[data-font-scale="large"]{font-size:16px}

/* ROOH Visual Studio */
.visual-studio{max-width:1500px}.studio-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 28px}.studio-intro h2{font:500 clamp(28px,4vw,42px)/1.15 var(--serif);margin:0 0 10px}.studio-intro p:not(.eyebrow){color:var(--muted);max-width:680px;margin:0}.studio-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;align-items:start}.studio-controls{display:grid;gap:18px}.studio-card{padding:26px}.studio-colours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-color{display:grid;grid-template-columns:1fr 48px;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:var(--panel2)}.studio-color span{font-size:13px}.studio-color input[type=color]{width:46px;height:38px;border:0;padding:2px;background:transparent}.studio-color code{grid-column:1/-1;color:var(--muted);font-size:11px}.studio-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.studio-fields label{display:grid;gap:8px;color:var(--muted);font-size:13px}.studio-fields input{width:100%;min-height:44px;border:1px solid var(--line);background:var(--bg2);color:var(--text);padding:10px 12px}.studio-fields input[type=number]{max-width:100%}.studio-preview-wrap{position:relative}.studio-sticky{position:sticky;top:110px}.studio-preview{min-height:400px;padding:28px;border:1px solid var(--line);background:var(--bg);color:var(--text);box-shadow:var(--shadow)}.studio-preview .eyebrow{font-size:10px}.studio-preview h2{font:500 clamp(32px,4vw,48px)/1.08 var(--serif);margin:46px 0 16px}.studio-preview h2 em{display:block;color:var(--gold);font-weight:500}.studio-preview p:not(.eyebrow){color:var(--muted);max-width:340px}.studio-preview-foot{border-top:1px solid var(--line);margin-top:48px;padding-top:16px;font-size:10px;letter-spacing:.18em;color:var(--muted)}.studio-hint{font-size:12px;color:var(--muted);line-height:1.6}.studio-controls>.btn{justify-self:start;min-width:220px}@media(max-width:900px){.studio-layout{grid-template-columns:1fr}.studio-sticky{position:static}.studio-intro{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.studio-colours,.studio-fields{grid-template-columns:1fr}.studio-card{padding:18px}}


/* ROOH maintenance pass: accessible custom enquiry, branded contact icon and restrained motion. */
.custom-enquiry-form{margin-top:24px;padding:22px;border:1px solid var(--line);background:var(--surface);max-width:680px}.custom-enquiry-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.custom-enquiry-form label{display:grid;gap:7px;color:var(--muted);font-size:11px;letter-spacing:.05em}.custom-enquiry-form label small{display:inline;color:var(--muted);font-size:10px}.custom-enquiry-form input,.custom-enquiry-form select,.custom-enquiry-form textarea{width:100%;min-height:45px;padding:11px 12px;border:1px solid var(--line);border-radius:3px;background:var(--bg);color:var(--text);font:inherit;letter-spacing:normal}.custom-enquiry-form textarea{resize:vertical}.custom-enquiry-form .full-span{grid-column:1/-1}.custom-enquiry-form button{margin-top:18px}.whatsapp-float{background:#c9a45d;color:#17130d;border:1px solid rgba(255,255,255,.28);box-shadow:0 8px 28px rgba(0,0,0,.28)}.whatsapp-float .whatsapp-brand-icon{width:27px;height:27px;stroke:currentColor;stroke-width:1.8}.category-tile{background-image:linear-gradient(90deg,rgba(9,9,9,.88),rgba(9,9,9,.4)),var(--tile-image);background-size:cover;background-position:center}.category-tile:after{pointer-events:none}.category-tile>div,.category-tile>.tile-number,.category-tile>.tile-mark{z-index:1}.category-tile:hover{background-size:cover}.site-header,.site-footer,.admin-card,.product-card,.category-tile,.editorial-feature,.btn,.whatsapp-float{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:520px){.custom-enquiry-form{padding:15px}.custom-enquiry-form .form-grid{grid-template-columns:1fr}.custom-enquiry-form .full-span{grid-column:auto}}

.category-sub-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.category-sub-links>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:6px}.category-sub-links a{padding:8px 11px;border:1px solid var(--line);font-size:11px;color:var(--text);transition:border-color .2s ease,color .2s ease}.category-sub-links a:hover{border-color:var(--gold);color:var(--gold)}
/* The menu trigger is intentionally mobile-only. Keep this after all theme overrides. */
.menu-toggle{display:none}
@media(max-width:800px){.menu-toggle{display:inline-flex}}

/* Brand assets supplied by ROOH. Switch logo artwork with the active theme. */
.logo-light{display:none}
.brand-mark .logo-light,.admin-brand .logo-light,.footer-brand .logo-light{display:none}
:root[data-theme="light"] .brand-mark .logo-dark,
:root[data-theme="light"] .admin-brand .logo-dark,
:root[data-theme="light"] .footer-brand .logo-dark{display:none}
:root[data-theme="light"] .maintenance .logo-light,:root[data-theme="light"] .setup-card .logo-light{display:block}
:root[data-theme="light"] .brand-mark .logo-light,
:root[data-theme="light"] .admin-brand .logo-light,
:root[data-theme="light"] .footer-brand .logo-light{display:block}
.logo-light{object-fit:contain;filter:none}
.whatsapp-float{overflow:hidden;border-radius:15px!important;background:#d9b45e!important;padding:3px;}
.whatsapp-float .whatsapp-brand-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
@media(max-width:520px){.whatsapp-float{width:49px;height:49px;border-radius:14px!important;padding:2px}}

/* ROOH supplied single-logo lockup: one PNG in every theme and location. */
.rooh-logo{display:block;width:100%;height:100%;max-height:74px;object-fit:contain;object-position:center;}
.brand-mark{display:flex;align-items:center;justify-content:flex-start;width:90px;flex:0 0 90px;height:78px;}
.brand-mark .rooh-logo{width:78px;height:78px;max-height:78px;}
.admin-brand .rooh-logo{width:118px;height:78px;max-height:78px;object-fit:contain;}
.footer-brand .rooh-logo{width:150px;height:110px;max-height:110px;object-fit:contain;object-position:left center;}
.maintenance .rooh-logo{width:170px;height:150px;max-height:150px;object-fit:contain;}
.whatsapp-float{width:58px;height:58px;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;box-shadow:0 5px 18px rgba(0,0,0,.22);}
.whatsapp-float .whatsapp-brand-image{width:100%;height:100%;object-fit:contain;border-radius:0!important;}
@media(max-width:520px){.brand-mark{width:70px;flex-basis:70px;height:68px}.brand-mark .rooh-logo{width:68px;height:68px}.footer-brand .rooh-logo{width:130px;height:95px}.whatsapp-float{width:54px;height:54px}}

/* WhatsApp floating button: keep the gold circular holder and scale the glyph down inside it. */
.whatsapp-float{width:58px!important;height:58px!important;padding:0!important;border-radius:50%!important;background:#c9a45d!important;border:1px solid rgba(255,255,255,.38)!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(0,0,0,.28)!important;}
.whatsapp-float .whatsapp-brand-image{display:block!important;width:68%!important;height:68%!important;max-width:68%!important;max-height:68%!important;object-fit:contain!important;border-radius:0!important;}
@media(max-width:520px){.whatsapp-float{width:54px!important;height:54px!important;right:18px!important;bottom:18px!important;}.whatsapp-float .whatsapp-brand-image{width:68%!important;height:68%!important;}}


/* ROOH commerce enhancements: product purchase, sharing, saree selection and reviews */
.product-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}
.product-card-action-form{min-width:0}
.product-card-action-form .btn,.product-card-actions>.btn{width:100%;min-height:42px;padding:10px 8px;font-size:10px;letter-spacing:.04em;white-space:normal}
.product-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}
.product-share-menu{position:relative}
.product-share-menu>summary{list-style:none;cursor:pointer;color:var(--gold2);font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);padding:4px 0}
.product-share-menu>summary::-webkit-details-marker{display:none}
.product-share-options{position:absolute;z-index:20;right:0;top:calc(100% + 8px);min-width:165px;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:0 12px 30px rgba(0,0,0,.28);display:grid;gap:3px}
.product-share-options a,.product-share-options button{display:block;width:100%;padding:10px 11px;text-align:left;border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.product-share-options a:hover,.product-share-options button:hover{background:rgba(216,182,106,.1);color:var(--gold2)}
.product-purchase-panel{display:grid;gap:15px;margin:26px 0 16px;padding:18px;border:1px solid var(--line);background:var(--surface);border-radius:6px}
.product-purchase-panel .quantity-label{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}
.product-purchase-panel .quantity-label input{width:90px;min-height:42px;padding:8px 10px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:4px}
.product-purchase-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.product-purchase-buttons form,.product-purchase-buttons .btn{width:100%;min-width:0}
.product-purchase-buttons .btn{min-height:48px;padding:12px 10px;white-space:normal}
.product-share-panel{display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;margin:20px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.product-share-panel>span{width:100%;color:var(--muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.product-share-panel a,.product-share-panel button{padding:0;border:0;background:transparent;color:var(--gold2);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.product-share-panel a:hover,.product-share-panel button:hover{color:var(--text)}
.product-share-panel .share-feedback{flex-basis:100%;min-height:1em;color:var(--muted);font-size:11px}
.homepage-reviews{border-top:1px solid var(--line)}
.review-grid article strong{display:block;margin-top:14px;color:var(--text);font-size:12px;font-weight:600}
.review-grid article small{display:block;margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:.04em}
.review-editor-card{margin-bottom:22px}
.review-editor-form{max-width:850px}
.review-editor-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-editor-form .full-span{grid-column:1/-1}
.review-moderation-form,.review-feature-form,.manual-review-actions{display:grid;gap:8px;margin-top:9px}
.review-feature-form .check-label{font-size:11px!important;color:var(--muted)}
.manual-review-actions form{margin:0}
.manual-review-actions .btn{white-space:normal}
.saree-picker-wrap{min-width:0}
.saree-picker-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:11px;color:var(--text);font-size:14px}
.saree-picker-heading small{color:var(--muted);font-size:12px}
.saree-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:11px}
.custom-enquiry-form .saree-choice{position:relative;display:block!important;min-width:0!important;margin:0!important;cursor:pointer}
.custom-enquiry-form .saree-choice>input[type=radio]{position:absolute!important;width:1px!important;height:1px!important;min-height:1px!important;opacity:0!important;pointer-events:none!important;left:10px;top:10px}
.saree-choice-card{display:flex;flex-direction:column;gap:9px;height:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);transition:border-color .2s,background .2s}
.saree-choice-card img{display:block;width:100%;height:145px;object-fit:cover;border-radius:3px;background:var(--surface)}
.saree-choice-card>span{display:grid;gap:4px}
.saree-choice-card strong{color:var(--text);font-size:12px;line-height:1.35;font-weight:600}
.saree-choice-card small{color:var(--muted);font-size:11px}
.saree-choice.is-selected .saree-choice-card,.saree-choice:focus-within .saree-choice-card{border-color:var(--gold);background:rgba(216,182,106,.08);box-shadow:0 0 0 2px rgba(216,182,106,.16)}
@media(max-width:600px){
  .product-card-actions{gap:6px}
  .product-card-action-form .btn,.product-card-actions>.btn{font-size:9px;min-height:40px}
  .product-purchase-buttons{grid-template-columns:1fr}
  .product-share-panel{gap:10px 13px}
  .review-editor-form .form-grid{grid-template-columns:1fr}
  .review-editor-form .full-span{grid-column:auto}
  .saree-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .saree-choice-card img{height:122px}
}

.review-invite{margin-top:20px;color:var(--muted);font-size:12px}
.review-invite a{color:var(--gold2);text-decoration:underline;text-underline-offset:3px}
.product-share-options .share-feedback{display:block;padding:6px 10px;color:var(--muted);font-size:10px;line-height:1.4}

/* Fix WhatsApp theme icon overlap: force exactly one theme asset to display. */
html[data-theme="dark"] .whatsapp-float .whatsapp-icon-dark,
:root[data-theme="dark"] .whatsapp-float .whatsapp-icon-dark {
  display:block!important;
}
html[data-theme="dark"] .whatsapp-float .whatsapp-icon-light,
:root[data-theme="dark"] .whatsapp-float .whatsapp-icon-light {
  display:none!important;
}
html[data-theme="light"] .whatsapp-float .whatsapp-icon-dark,
:root[data-theme="light"] .whatsapp-float .whatsapp-icon-dark {
  display:none!important;
}
html[data-theme="light"] .whatsapp-float .whatsapp-icon-light,
:root[data-theme="light"] .whatsapp-float .whatsapp-icon-light {
  display:block!important;
}


/* ROOH category image repair: real <img> layer, lighter contrast overlay, readable copy. */
.category-tile{isolation:isolate;position:relative;background:linear-gradient(135deg,#211d16,#151410 70%);background-image:none!important;}
.category-tile .category-tile-image{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.82;transform:scale(1);transition:transform .65s ease,opacity .3s ease;pointer-events:none;}
.category-tile:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,9,9,.58) 0%,rgba(9,9,9,.28) 58%,rgba(9,9,9,.16) 100%),linear-gradient(0deg,rgba(9,9,9,.32),transparent 64%);pointer-events:none;}
.category-tile:after{z-index:1;pointer-events:none;}
.category-tile>.tile-number,.category-tile>div,.category-tile>.tile-mark{z-index:2;}
.category-tile:hover .category-tile-image{opacity:.92;transform:scale(1.045);}
.category-admin-thumb{width:54px;height:54px;flex:0 0 54px;overflow:hidden;border:1px solid var(--line);border-radius:4px;background:var(--panel2);}
.category-admin-thumb img{display:block;width:100%;height:100%;object-fit:cover;}
.category-preview-wrap{display:grid;justify-items:start;gap:10px;}
.category-admin-preview{display:block;width:min(100%,260px);height:150px;object-fit:cover;border:1px solid var(--line);border-radius:5px;background:var(--panel2);}
.category-reset-image{margin:0!important;}
@media(max-width:600px){.category-tile .category-tile-image{opacity:.86}.category-admin-thumb{width:48px;height:48px;flex-basis:48px}.category-admin-preview{width:100%;height:170px;}}


/* ROOH page-media editor and responsive hero image fix */
.page-media-form{gap:18px}
.page-media-field{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.page-media-field>label{display:grid;gap:9px;min-width:0}
.page-media-field>label small{display:block;line-height:1.6;color:var(--muted)}
.page-media-preview{display:grid;gap:6px;min-width:0}
.page-media-preview img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);background:var(--panel);border-radius:8px}
.page-media-preview small{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.page-media-help{font-size:12px;color:var(--muted);margin:0}
.page-hero.custom-hero[style*="--page-media-image"]{background-image:linear-gradient(90deg,rgba(9,9,9,.92),rgba(9,9,9,.58)),var(--page-media-image)!important}
.page-hero.about-hero[style*="--page-media-image"]{background-image:linear-gradient(90deg,rgba(9,9,9,.88),rgba(9,9,9,.56)),var(--page-media-image)!important}
:root[data-theme="light"] .page-hero.custom-hero[style*="--page-media-image"]{background-image:linear-gradient(90deg,rgba(249,244,235,.91),rgba(249,244,235,.58)),var(--page-media-image)!important}
:root[data-theme="light"] .page-hero.about-hero[style*="--page-media-image"]{background-image:linear-gradient(90deg,rgba(249,244,235,.91),rgba(249,244,235,.55)),var(--page-media-image)!important}
@media(max-width:800px){.hero-side{display:block!important;right:0;top:auto;bottom:56px;transform:none;width:min(70vw,360px);height:auto;aspect-ratio:1.49;min-height:0;opacity:.42;z-index:1}.hero-content{position:relative;z-index:2}}
@media(max-width:520px){.hero-side{right:-18px;bottom:58px;width:min(78vw,320px);opacity:.34}.page-media-field{grid-template-columns:minmax(0,1fr) 96px;gap:10px}.page-media-preview img{aspect-ratio:1/1}}


/* ROOH Visual Studio v4: element-level editing, rounded surfaces and motion */
.visual-element-editor{margin:28px 0 32px;padding:clamp(18px,3vw,30px)}
.visual-element-editor>.admin-card-heading{align-items:flex-start}
.visual-element-form{display:grid;gap:20px}
.vs-select-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:14px}
.vs-select-label{display:grid;gap:8px;color:var(--muted);font-size:12px}
.vs-select-label input,.vs-select-label select{width:100%;min-width:0;min-height:48px;padding:11px 13px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit}
.vs-editor-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:20px;align-items:start}
.vs-editor-controls{display:grid;gap:13px;min-width:0}
.vs-control-panel{padding:18px;border:1px solid var(--line);background:var(--bg2);border-radius:20px;display:grid;gap:14px}
.vs-control-panel h3{margin:0;color:var(--text);font-size:15px;letter-spacing:.03em}
.vs-theme-grid,.vs-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.vs-theme-grid>label:not(.vs-check),.vs-fields-grid>label{display:grid;gap:7px;min-width:0;color:var(--muted);font-size:11px}
.vs-theme-grid textarea,.vs-fields-grid input,.vs-fields-grid select,.vs-theme-grid input[type=color]{width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit}
.vs-theme-grid textarea{min-height:86px;resize:vertical;line-height:1.55}
.vs-theme-grid input[type=color]{height:46px;padding:4px}
.vs-check{display:flex!important;align-items:center;gap:10px;color:var(--muted);font-size:12px;line-height:1.45}
.vs-check input{width:18px;height:18px;min-height:18px;accent-color:var(--gold);flex:0 0 18px}
.vs-style-toggles{display:flex;flex-wrap:wrap;gap:18px}
.vs-note{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.vs-preview-column{position:sticky;top:18px;min-width:0;padding:17px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.vs-preview-theme-label{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:11px}
.vs-preview-theme-label select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:13px;background:var(--bg2);color:var(--text)}
.vs-preview-card{min-height:180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:22px;border:1px solid rgba(216,182,106,.35);border-radius:20px;background:#11100d;color:#f1eee6;overflow:hidden}
.vs-preview-card[data-theme="light"]{background:#f7f0e6;color:#2b1b10}
.vs-preview-card>span{font-size:9px;letter-spacing:.16em;opacity:.7}
#vsPreviewText{font-family:var(--serif);font-size:clamp(18px,3vw,30px);line-height:1.35;overflow-wrap:anywhere}
#vsPreviewImage{display:block;width:100%;max-height:210px;object-fit:cover;border-radius:15px}
.vs-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.vs-image-grid label{display:grid;gap:9px;min-width:0;color:var(--muted);font-size:11px}
.vs-image-grid input{width:100%;font-size:11px}
.vs-image-grid img{width:100%;height:130px;object-fit:cover;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.vs-save-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line)}
.vs-save-row p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}
@media(max-width:900px){.vs-editor-grid{grid-template-columns:1fr}.vs-preview-column{position:static}.vs-select-row{grid-template-columns:1fr}}
@media(max-width:560px){.vs-theme-grid,.vs-fields-grid,.vs-image-grid{grid-template-columns:1fr}.vs-save-row{align-items:stretch;flex-direction:column}.vs-save-row .btn{width:100%;justify-content:center}.vs-control-panel{padding:14px}}

/* Replace the old fixed editorial URLs with the selected theme image. */
.page-hero.custom-hero[data-vs-image="background"]{background-image:linear-gradient(90deg,rgba(9,9,9,.94),rgba(9,9,9,.68)),var(--page-media-image)!important;background-size:cover;background-position:center,right center}
.page-hero.about-hero[data-vs-image="background"]{background-image:linear-gradient(90deg,rgba(9,9,9,.88),rgba(9,9,9,.62)),var(--page-media-image)!important;background-size:cover;background-position:center}
:root[data-theme="light"] .page-hero.custom-hero[data-vs-image="background"]{background-image:linear-gradient(90deg,rgba(249,244,235,.96),rgba(249,244,235,.79)),var(--page-media-image)!important}
:root[data-theme="light"] .page-hero.about-hero[data-vs-image="background"]{background-image:linear-gradient(90deg,rgba(249,244,235,.94),rgba(249,244,235,.78)),var(--page-media-image)!important}

/* Direction-aware reveal: enter from below while moving down, from above while moving up. */
html{scroll-behavior:smooth}
.vs-reveal{opacity:0;transform:translate3d(0,34px,0);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .82s cubic-bezier(.2,.7,.2,1);transition-delay:var(--vs-stagger,0ms);will-change:opacity,transform}
.vs-reveal.vs-from-top{transform:translate3d(0,-34px,0)}
.vs-reveal.vs-visible{opacity:1;transform:translate3d(0,0,0)}
.vs-reveal-stagger>*{transition-delay:var(--vs-stagger,0ms)}
.back-to-top{position:fixed;z-index:80;right:24px;bottom:92px;width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(216,182,106,.55);border-radius:50%!important;background:rgba(15,13,10,.88);color:var(--gold2);font-size:25px;line-height:1;box-shadow:0 10px 30px rgba(0,0,0,.25);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s ease,transform .3s ease,visibility .25s ease;cursor:pointer;backdrop-filter:blur(12px)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
:root[data-theme="light"] .back-to-top{background:rgba(255,250,242,.92);color:#805016;border-color:rgba(128,80,22,.35)}
@media(max-width:520px){.back-to-top{right:16px;bottom:82px;width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vs-reveal,.vs-reveal.vs-visible{opacity:1;transform:none;transition:none}.back-to-top{transition:none}}

/* Global corner rule: no square-corner panels, fields, cards or controls anywhere. */
:root{--rooh-global-radius:20px;--rooh-control-radius:14px}
:where(.admin-card,.product-card,.category-tile,.editorial-feature,.promo-banner,.contact-band,.contact-card,.craft-section,.measurement-panel,.page-hero,.form-panel,.auth-panel,.auth-aside,.empty-state,.tracked-order,.account-order,.order-manage,.settings-note,.studio-preview,.studio-card,.visual-element-editor,.vs-control-panel,.vs-preview-column,.vs-preview-card,.product-image,.gallery-main,.gallery-thumbs,.cart-thumb,.category-admin-preview,.category-admin-thumb,.manage-thumb,.page-media-preview img,.vs-image-grid img,.hero-side){border-radius:20px!important;overflow:hidden}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn,.quick-actions a,.admin-shortcut,.admin-sidebar nav a,.section-toggle,.toggle-mark,.product-share-options,.product-purchase-panel,.product-share-panel,.saree-choice-card,.saree-choice-card img,.custom-enquiry-form,.search-field,.shop-toolbar select,.track-form,.complaint-details,.flash,.status-pill){border-radius:14px!important}
:where(button:not(.theme-toggle):not(.back-to-top),.icon-link,.bag-link){border-radius:14px}
body[data-card-radius="sharp"]{--card-radius:20px!important;--control-radius:14px!important}
body[data-card-radius="subtle"]{--card-radius:20px!important;--control-radius:14px!important}
body[data-card-radius="rounded"]{--card-radius:20px!important;--control-radius:14px!important}
body[data-button-style="refined"] .btn{border-radius:14px!important}

:where(.admin-card,.product-card,.category-tile,.editorial-feature,.promo-banner,.contact-band,.contact-card,.craft-section,.measurement-panel,.page-hero,.form-panel,.auth-panel,.auth-aside,.empty-state,.tracked-order,.account-order,.order-manage,.settings-note,.studio-preview,.studio-card,.product-image,.gallery-main,.category-admin-preview,.category-admin-thumb,.manage-thumb,.page-media-preview img,.vs-control-panel,.vs-preview-column,.vs-preview-card){border-radius:20px!important}
:where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn,button:not(.theme-toggle):not(.back-to-top),.main-nav a,.admin-sidebar nav a,.quick-actions a,.admin-shortcut,.section-toggle,.product-share-options,.product-purchase-panel,.product-share-panel,.saree-choice-card,.custom-enquiry-form,.search-field,.track-form,.complaint-details,.flash){border-radius:14px!important}


/* ROOH rounded geometry baseline: remove square corners from all visible UI surfaces. */
:root{--rooh-global-radius:22px;--rooh-control-radius:15px}
:where(
  .admin-card,.admin-split>.admin-card,.admin-stats>article,.admin-shortcut,.product-card,.category-tile,.editorial-feature,
  .promo-banner,.contact-band,.contact-card,.craft-section,.measurement-panel,.page-hero,.form-panel,.auth-panel,.auth-aside,
  .empty-state,.tracked-order,.account-order,.order-manage,.settings-note,.studio-preview,.studio-card,.visual-element-editor,
  .vs-control-panel,.vs-preview-column,.vs-preview-card,.review-editor-card,.review-grid>article,.process-list>article,
  .category-admin-preview,.category-admin-thumb,.manage-thumb,.page-media-preview,.page-media-preview img,.product-image,
  .gallery-main,.gallery-thumbs,.cart-thumb,.table-wrap,.orders-list,.activity-list,.saree-picker,.saree-choice-card,
  .success-summary,.account-order-card,.complaint-details,.backup-card,.settings-grid>.admin-card
){border-radius:22px!important}
:where(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea,.btn,button:not(.theme-toggle):not(.back-to-top),
  .quick-actions a,.admin-sidebar nav a,.admin-top-actions a,.section-toggle,.search-field,.shop-toolbar select,.track-form,
  .custom-enquiry-form,.product-share-options,.product-purchase-panel,.product-share-panel,.flash,.status-pill,
  .saree-choice-card,.saree-choice-card img,.manage-actions a,.manage-actions button,.table-wrap table
){border-radius:15px!important}
:where(.icon-link,.bag-link,.theme-toggle,.account-icon,.admin-avatar,.floating-whatsapp,.back-to-top){border-radius:50%!important}
:where(img,.logo,.rooh-logo){overflow:hidden}
@media(prefers-reduced-motion:no-preference){
  .category-tile,.product-card,.editorial-feature,.contact-card,.process-list>article,.review-grid>article{transition:transform .35s ease,box-shadow .35s ease}
}

:where(.admin-form,.setting-form,.settings-grid,.manage-list>article,.orders-list>article,.activity-list>article,.account-section,.cart-line,.checkout-form,.success-page,.category-sub-links,.review-card,.review-grid>article,.saree-choice,.saree-picker-wrap){border-radius:18px!important}

/* Visual Studio: responsive text size presets and rounded UI baseline. */
.vs-size-select{display:grid;gap:9px;max-width:320px}
#vsPageScanner{position:absolute!important;width:1280px!important;height:900px!important;left:-10000px!important;top:0!important;opacity:0!important;pointer-events:none!important;border:0!important}
.vs-select-row{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.vs-select-row{grid-template-columns:1fr}}
:where(.custom-enquiry-form,.custom-enquiry-form input,.custom-enquiry-form select,.custom-enquiry-form textarea,.custom-enquiry-form button){border-radius:18px!important}
:where(input:not([type=checkbox]):not([type=radio]),select,textarea,.btn,button:not(.theme-toggle):not(.back-to-top)){border-radius:16px!important}
:where(.admin-card,.product-card,.category-card,.category-tile,.editorial-feature,.page-hero,.contact-card,.contact-band,.form-panel,.auth-panel,.auth-aside,.empty-state,.tracked-order,.account-order,.measurement-panel,.custom-enquiry-form,.visual-element-editor,.vs-control-panel,.vs-preview-card,.studio-card,.studio-preview,.review-grid>article,.process-list>article,.cart-summary,.cart-row,.success-summary){border-radius:24px!important}

/* ROOH hero visual refresh: use full-bleed, theme-specific photos instead of the old side thumbnail. */
.hero{
  isolation:isolate;
  background-color:#090806!important;
  background-image:none!important;
}
.hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  display:block!important;
  width:100%;
  height:100%;
  overflow:hidden;
  pointer-events:none;
}
.hero-media .hero-image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 44%;
  opacity:1!important;
  border:0;
  box-shadow:none;
  transform:none;
}
html[data-theme="dark"] .hero-media .hero-image-light,
:root:not([data-theme="light"]) .hero-media .hero-image-light{display:none!important}
html[data-theme="light"] .hero-media .hero-image-dark{display:none!important}
html[data-theme="dark"] .hero-media .hero-image-dark,
:root:not([data-theme="light"]) .hero-media .hero-image-dark{display:block!important}
.hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(7,7,7,.96) 0%,rgba(7,7,7,.82) 27%,rgba(7,7,7,.48) 53%,rgba(7,7,7,.12) 100%),
    linear-gradient(0deg,rgba(7,7,7,.50) 0%,rgba(7,7,7,.06) 42%,rgba(7,7,7,.10) 100%);
}
.hero:before{z-index:2;opacity:.55}
.hero-content,.hero-bottom{z-index:3}
.hero-orbit{z-index:2}
.hero-copy{color:rgba(246,241,230,.82)}
.hero-note{color:rgba(226,211,178,.66)}
.hero-bottom{color:rgba(226,211,178,.70);border-color:rgba(216,182,106,.22)}
html[data-theme="light"] .hero{background-color:#f8f0e3!important}
html[data-theme="light"] .hero:after{
  background:
    linear-gradient(90deg,rgba(249,244,235,.98) 0%,rgba(249,244,235,.91) 27%,rgba(249,244,235,.58) 52%,rgba(249,244,235,.08) 100%),
    linear-gradient(0deg,rgba(249,244,235,.42) 0%,rgba(249,244,235,.04) 42%,rgba(249,244,235,.08) 100%);
}
html[data-theme="light"] .hero:before{opacity:.24;background:repeating-linear-gradient(115deg,transparent 0 80px,rgba(92,62,31,.035) 81px,transparent 82px)}
html[data-theme="light"] .hero-copy{color:#554838}
html[data-theme="light"] .hero-note{color:#78664c}
html[data-theme="light"] .note-line{background:#a98242}
html[data-theme="light"] .hero-bottom{color:#78664c;border-color:rgba(120,88,48,.20)}
@media(max-width:800px){
  .hero{min-height:620px;height:auto;max-height:none;background-position:center}
  .hero-media{display:block!important;inset:0}
  .hero-media .hero-image{object-position:69% center}
  .hero-content{position:relative;z-index:3;width:100%}
  .hero-bottom{z-index:3}
  .hero:after{background:linear-gradient(90deg,rgba(7,7,7,.94) 0%,rgba(7,7,7,.76) 46%,rgba(7,7,7,.32) 100%),linear-gradient(0deg,rgba(7,7,7,.52),rgba(7,7,7,.04) 54%)}
  html[data-theme="light"] .hero:after{background:linear-gradient(90deg,rgba(249,244,235,.97) 0%,rgba(249,244,235,.86) 46%,rgba(249,244,235,.30) 100%),linear-gradient(0deg,rgba(249,244,235,.38),rgba(249,244,235,.03) 54%)}
}
@media(max-width:520px){
  .hero{min-height:600px}
  .hero-media .hero-image{object-position:68% center}
}

/* Theme-matched fades for category artwork only. Product photos are deliberately untouched. */
.category-tile{isolation:isolate;overflow:hidden;background-color:#17130e}
.category-tile .category-tile-image{opacity:.96!important}
.category-tile:before{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(8,7,6,.48) 0%,rgba(8,7,6,.24) 52%,rgba(8,7,6,.07) 100%),
    linear-gradient(0deg,rgba(8,7,6,.86) 0%,rgba(8,7,6,.28) 56%,rgba(8,7,6,.03) 100%);
}
.category-tile>.tile-number,.category-tile>div,.category-tile>.tile-mark{z-index:2}
.category-tile h3{color:#fffaf0;text-shadow:0 2px 18px rgba(0,0,0,.52)}
.category-tile span:not(.tile-number):not(.tile-mark){color:#f1e7d3}
:root[data-theme="light"] .category-tile{background-color:#f2e8d8;color:#2b2117}
:root[data-theme="light"] .category-tile:before{
  background:
    linear-gradient(90deg,rgba(249,244,235,.30) 0%,rgba(249,244,235,.13) 52%,rgba(249,244,235,.02) 100%),
    linear-gradient(0deg,rgba(249,244,235,.90) 0%,rgba(249,244,235,.30) 55%,rgba(249,244,235,.02) 100%);
}
:root[data-theme="light"] .category-tile h3{color:#2c2116;text-shadow:0 1px 12px rgba(255,250,240,.55)}
:root[data-theme="light"] .category-tile span:not(.tile-number):not(.tile-mark){color:#665137}
:root[data-theme="light"] .category-tile .tile-number{color:#8c682f}
:root[data-theme="light"] .category-tile .tile-mark{color:#8d682f;border-color:rgba(141,104,47,.62);background:rgba(249,244,235,.72)}
:root[data-theme="light"] .category-tile:after{border-color:rgba(122,88,42,.12);box-shadow:0 0 0 19px rgba(122,88,42,.025),0 0 0 42px rgba(122,88,42,.02)}


/* ROOH scroll choreography: reversible side-to-side reveal on every public page.
   Only opacity and transform change, keeping the effect light on mobile devices. */
.vs-reveal {
  opacity: 0;
  --vs-enter-x: -46px;
  --vs-enter-y: 12px;
  transform: translate3d(var(--vs-enter-x), var(--vs-enter-y), 0) scale(.988);
  transition: opacity .62s cubic-bezier(.2,.7,.2,1),
              transform .72s cubic-bezier(.2,.7,.2,1);
  transition-delay: 0ms;
  backface-visibility: hidden;
}
.vs-reveal.vs-from-left { --vs-enter-x: -46px; }
.vs-reveal.vs-from-right { --vs-enter-x: 46px; }
.vs-reveal.vs-visible {
  opacity: 1;
  transform: translate3d(0,0,0) scale(1);
  transition-delay: var(--vs-stagger,0ms);
}
@media(max-width:700px) {
  .vs-reveal.vs-from-left { --vs-enter-x: -26px; }
  .vs-reveal.vs-from-right { --vs-enter-x: 26px; }
}
@media(prefers-reduced-motion:reduce) {
  .vs-reveal,.vs-reveal.vs-visible {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/* ROOH brand-content update: service, delivery, pricing and international contact modules */
.rooh-service-intro,.custom-price-guide{padding-top:clamp(44px,7vw,92px);padding-bottom:clamp(44px,7vw,92px)}
.rooh-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.rooh-service-grid>article{padding:clamp(20px,3vw,34px);border:1px solid rgba(216,182,106,.22);border-radius:var(--builder-radius,22px);background:var(--panel,#151512)}
.rooh-service-grid h3,.rooh-service-grid h2{margin:12px 0;font-family:'Playfair Display',serif;font-weight:500}
.rooh-service-grid p{color:var(--muted,#a7a092);line-height:1.8}
.rooh-audience-strip{margin-top:26px;padding:20px 24px;border-top:1px solid rgba(216,182,106,.25);border-bottom:1px solid rgba(216,182,106,.25)}
.rooh-audience-strip p:last-child{margin-bottom:0;color:var(--muted,#a7a092);line-height:1.8}
.rooh-delivery-band,.natyanjali-band{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:clamp(24px,5vw,68px) 0;padding:clamp(26px,5vw,56px);border:1px solid rgba(216,182,106,.22);border-radius:var(--builder-radius,22px);background:var(--panel,#151512)}
.rooh-delivery-band>div,.natyanjali-band>div{max-width:780px}
.rooh-delivery-band h2,.natyanjali-band h2{margin:8px 0 12px}
.rooh-delivery-band p:not(.eyebrow),.natyanjali-band p:not(.eyebrow){color:var(--muted,#a7a092);line-height:1.8}
.natyanjali-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:20px}
.category-guide{margin:24px auto 0;max-width:1000px;padding:24px 28px;border:1px solid rgba(216,182,106,.2);border-radius:var(--builder-radius,22px);background:var(--panel,#151512)}
.category-guide h2{margin:8px 0;font-family:'Playfair Display',serif;font-weight:500}
.category-guide p:not(.eyebrow){color:var(--muted,#a7a092);line-height:1.8}
.phone-field{display:block;min-width:0}
.phone-input-row{display:grid;grid-template-columns:minmax(122px,.8fr) minmax(0,1.4fr);gap:8px;margin-top:8px}
.phone-input-row select,.phone-input-row input{width:100%;min-width:0}
.footer-contact-number{margin:8px 0;color:var(--muted,#a7a092);font-size:.9em}
.footer-contact-number a{color:inherit;text-decoration:none}
.rental-product-link{display:inline-flex;margin-top:16px}
@media(max-width:800px){.rooh-service-grid{grid-template-columns:1fr;gap:12px}.rooh-delivery-band,.natyanjali-band{display:block}.rooh-delivery-band>.text-link{display:inline-flex;margin-top:14px}.phone-input-row{grid-template-columns:minmax(112px,.85fr) minmax(0,1.15fr)}.category-guide{padding:20px}.natyanjali-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:380px){.phone-input-row{grid-template-columns:minmax(104px,.95fr) minmax(0,1.05fr);gap:6px}.phone-input-row select,.phone-input-row input{font-size:13px}}


/* ROOH product rental enquiry */
.product-rental-link{display:flex;align-items:center;gap:8px;margin:12px 0 20px;padding:13px 16px;border:1px solid rgba(216,182,106,.28);border-radius:var(--builder-radius,18px);color:var(--gold,#d8b66a);font-size:.92em;line-height:1.5;text-decoration:none;background:rgba(216,182,106,.045)}
.product-rental-link:hover{background:rgba(216,182,106,.09);border-color:var(--gold,#d8b66a)}
.review-empty-state{margin-top:24px;padding:28px;border:1px solid rgba(216,182,106,.2);border-radius:var(--builder-radius,22px);background:var(--panel,#151512)}
.review-empty-state h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-weight:500}
.review-empty-state p{margin:0;color:var(--muted,#a7a092);line-height:1.7}

/* Category card gradient follows the same theme accent used by the “expression” heading.
   The overlay hue therefore matches --gold in both dark and light themes. */
.category-tile:before{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--gold) 24%,transparent) 0%,
    color-mix(in srgb,var(--gold) 12%,transparent) 56%,
    color-mix(in srgb,var(--gold) 5%,transparent) 100%),
    linear-gradient(0deg,
    color-mix(in srgb,var(--gold) 30%,transparent) 0%,
    color-mix(in srgb,var(--gold) 12%,transparent) 54%,
    transparent 100%)!important;
}
:root[data-theme="light"] .category-tile:before{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--gold) 24%,transparent) 0%,
    color-mix(in srgb,var(--gold) 12%,transparent) 56%,
    color-mix(in srgb,var(--gold) 5%,transparent) 100%),
    linear-gradient(0deg,
    color-mix(in srgb,var(--gold) 30%,transparent) 0%,
    color-mix(in srgb,var(--gold) 12%,transparent) 54%,
    transparent 100%)!important;
}


/* Visual Studio: uploaded photo backgrounds for selectable bordered panels. */
.vs-box-bg-active{background-repeat:no-repeat!important;background-size:cover!important;background-position:var(--vs-box-position,center)!important;isolation:isolate}
.vs-box-bg-active[data-vs-box-tone="dark"] :is(h1,h2,h3,h4,p,span,strong,small,a:not(.btn),label,li){color:#fff7e8!important;text-shadow:0 1px 5px rgba(0,0,0,.38)}
.vs-box-bg-active[data-vs-box-tone="dark"] :is(.eyebrow){color:#f0d99b!important}
.vs-box-bg-active[data-vs-box-tone="light"] :is(h1,h2,h3,h4,p,span,strong,small,a:not(.btn),label,li){color:#2b1b10!important;text-shadow:0 1px 3px rgba(255,250,240,.35)}
.vs-box-bg-active :is(input,textarea,select){background-color:rgba(255,250,242,.94);color:#2b1b10}

.vs-range-label{display:grid;gap:9px;color:var(--muted);font-size:12px}.vs-range-label span{color:var(--gold);font-weight:700}.vs-range-label input[type=range]{width:100%;accent-color:var(--gold)}

/* Nested collection controls */
.subcategory-manager{padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(216,182,106,.035);display:grid;gap:12px}.subcategory-manager>.eyebrow{margin:0}.subcategory-create-form{display:grid;grid-template-columns:1fr auto;gap:9px}.subcategory-create-form input{min-width:0}.subcategory-admin-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.subcategory-admin-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.subcategory-admin-list li span{flex:1}.subcategory-admin-list li small{color:var(--muted)}.subcategory-admin-list li a{color:var(--gold)}.subcategory-empty{margin:0;font-size:12px}.shop-toolbar{grid-template-columns:1fr 190px 170px auto}
@media(max-width:800px){.shop-toolbar{grid-template-columns:1fr 1fr}.subcategory-create-form{grid-template-columns:1fr}.subcategory-create-form .btn{width:100%}}
@media(max-width:520px){.shop-toolbar{grid-template-columns:1fr}}

/* Clean category and subcategory management */
.category-admin-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:18px;align-items:start}
.category-admin-layout>.admin-card{min-width:0}
.category-parent-note{padding:12px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);font-size:13px}
.category-parent-note strong{color:var(--gold2)}
.category-submanager{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:16px;background:rgba(216,182,106,.035)}
.category-submanager h3{font:400 23px var(--serif);margin:4px 0}
.category-submanager .muted{font-size:12px;margin:5px 0 0}
.category-submanager .subcategory-create-form{margin-top:15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.category-submanager .subcategory-create-form input{min-width:0}
.category-clean-list{display:grid;gap:9px}
.category-clean-list>article{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}
.category-clean-list>article.is-subcategory{margin-left:22px;background:rgba(216,182,106,.035)}
.category-clean-list .category-admin-thumb{width:52px;height:52px;flex:0 0 52px;border-radius:11px;overflow:hidden}
.category-clean-list .manage-info{flex:1;min-width:0}
.category-clean-list .manage-info b{font-size:13px;line-height:1.4}
.category-clean-list .manage-info small{display:block;font-size:11px;line-height:1.5}
.category-clean-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px 12px}
.category-clean-actions a,.category-clean-actions button,.subcategory-clean-list a,.subcategory-clean-list button{font-size:11px;color:var(--gold);background:none;border:0;padding:5px 2px;text-decoration:none;cursor:pointer}
.category-clean-actions form,.subcategory-clean-list form{margin:0}
.category-clean-actions .category-delete,.subcategory-clean-list .category-delete{color:#e59a8f}
.subcategory-clean-list{display:grid;gap:8px;margin-top:14px}
.subcategory-clean-list>article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}
.subcategory-clean-list>article>div{flex:1;min-width:0;display:grid;gap:4px}
.subcategory-clean-list strong{font-size:13px}
.subcategory-clean-list small{font-size:11px;color:var(--muted)}
@media(max-width:900px){.category-admin-layout{grid-template-columns:1fr}}
@media(max-width:520px){.category-clean-list>article{gap:8px;padding:10px}.category-clean-list .category-admin-thumb{width:43px;height:43px;flex-basis:43px}.category-clean-actions{gap:2px 8px}.category-clean-actions a,.category-clean-actions button,.subcategory-clean-list a,.subcategory-clean-list button{font-size:11px}.category-clean-list>article.is-subcategory{margin-left:12px}.category-submanager{padding:13px}.category-submanager .subcategory-create-form{grid-template-columns:1fr}.category-submanager .subcategory-create-form .btn{width:100%}}

/* Category-specific product specifications and storefront filters */
.product-attributes-panel{display:grid;gap:14px;padding:17px;border:1px solid var(--line);border-radius:16px;background:rgba(216,182,106,.035)}
.product-attributes-heading .eyebrow{margin:0 0 5px}
.product-attributes-heading p:last-child{margin:0;font-size:11px;line-height:1.6}
.product-attributes-empty{margin:0;padding:12px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);font-size:12px}
.product-attribute-group[hidden],.product-attributes-empty[hidden]{display:none!important}
.product-attribute-group{display:grid;gap:12px}
.product-attribute-group h3{margin:0;font-family:var(--serif);font-size:19px;font-weight:400;color:var(--gold2)}
.product-attribute-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.product-attribute-field{min-width:0}
.product-attribute-field label{display:grid;gap:7px;color:var(--muted);font-size:10px;letter-spacing:.04em}
.product-attribute-field select,.product-attribute-field input{width:100%;min-width:0;min-height:45px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;letter-spacing:normal;text-transform:none}
.product-attribute-field .attribute-new-option{min-height:38px;font-size:11px;border-style:dashed}
.shop-attribute-filters{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.shop-attribute-filter{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:10px}
.shop-attribute-filter select{width:100%;min-width:0}
.product-specifications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0;padding:15px;border:1px solid var(--line);border-radius:12px}
.product-specifications>div{display:grid;gap:3px}
.product-specifications dt{color:var(--muted);font-size:10px}
.product-specifications dd{margin:0;color:var(--text);font-size:12px}
@media(max-width:800px){.shop-attribute-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.product-attribute-grid,.shop-attribute-filters,.product-specifications{grid-template-columns:1fr}.product-attributes-panel{padding:14px}.shop-attribute-filter select{min-height:48px;font-size:14px}}

/* Admin: editable model-option list */
.attribute-option-manager{display:grid;gap:7px;margin-top:9px;padding:10px;border:1px dashed rgba(216,182,106,.22);border-radius:10px;background:rgba(216,182,106,.025)}
.attribute-option-manager>small{font-size:9px!important;letter-spacing:.08em;color:var(--gold2)!important}
.attribute-option-list{display:grid;gap:5px}
.attribute-option-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 7px;border:1px solid rgba(216,182,106,.10);border-radius:7px}
.attribute-option-list>div>span{font-size:11px;color:var(--text);text-transform:none;letter-spacing:normal}
.attribute-option-list button{border:0;background:transparent;color:#d48e80;font-size:10px;padding:5px 7px;min-height:30px;cursor:pointer}
.attribute-option-list button:hover{color:#ffb0a0}

/* ROOH catalogue manager: consistent dark / light theme and compact responsive controls */
.catalogue-admin-card{min-width:0;overflow:hidden}
.catalogue-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(2,minmax(140px,1fr));gap:13px;padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:var(--builder-radius,16px);background:var(--panel2,rgba(255,255,255,.025))}
.catalogue-filters label{display:grid;align-content:start;gap:7px;min-width:0;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.catalogue-filters input,.catalogue-filters select{width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg2,var(--bg));color:var(--text);font:inherit;font-size:13px;letter-spacing:normal;text-transform:none;outline:none}
.catalogue-filters input:focus,.catalogue-filters select:focus{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 16%,transparent)}
.catalogue-filters .catalogue-search{grid-column:1/-1}
.catalogue-filter-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.catalogue-filter-actions .btn{min-height:42px}
.catalogue-results-line{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 2px 14px;color:var(--muted);font-size:12px}
.catalogue-manage-list article{align-items:center;gap:14px}
.catalogue-manage-list .manage-thumb{width:72px;height:82px;flex:0 0 72px;border-radius:10px;overflow:hidden;background:var(--panel2)}
.catalogue-manage-list .manage-thumb img{width:100%;height:100%;object-fit:cover}
.catalogue-manage-list .manage-info{min-width:0}
.catalogue-manage-list .manage-info b{display:block;overflow-wrap:anywhere}
.catalogue-manage-list .manage-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.catalogue-manage-list .manage-actions form{margin:0}
.catalogue-manage-list .manage-actions a,.catalogue-manage-list .manage-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--gold);font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.catalogue-manage-list .manage-actions .catalogue-delete{color:#df8a80;border-color:rgba(223,138,128,.35)}
.low-stock-admin-panel{margin-top:22px}
.low-stock-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.low-stock-admin-item{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;min-width:0;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);color:var(--text);text-decoration:none}
.low-stock-admin-thumb{width:54px;height:60px;overflow:hidden;border-radius:7px;background:var(--bg2)}
.low-stock-admin-thumb img{width:100%;height:100%;object-fit:cover}
.low-stock-admin-item>span:nth-child(2){min-width:0}
.low-stock-admin-item b,.low-stock-admin-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.low-stock-admin-item small{margin-top:4px;color:var(--muted);font-size:11px}
.low-stock-admin-item strong{color:var(--gold);font-size:12px;white-space:nowrap}
.low-stock-urgency,.low-stock-urgency-card{border:1px solid rgba(216,182,106,.38);background:color-mix(in srgb,var(--gold) 9%,var(--panel));color:var(--text)}
.low-stock-urgency{display:grid;gap:5px;padding:13px 15px;margin:15px 0;border-radius:10px}
.low-stock-urgency strong{color:var(--gold)}
.low-stock-urgency span{font-size:13px}
.low-stock-urgency-card{padding:8px 10px;margin:8px 0 0;border-radius:7px;font-size:11px;line-height:1.45}
.low-stock-card-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid rgba(216,182,106,.4);border-radius:99px;background:color-mix(in srgb,var(--gold) 12%,var(--panel));color:var(--gold);font-size:10px;font-weight:700}
@media(max-width:900px){.catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-filters .catalogue-search{grid-column:1/-1}}
@media(max-width:600px){.catalogue-filters{grid-template-columns:1fr;padding:13px;gap:11px}.catalogue-filters .catalogue-search,.catalogue-filter-actions{grid-column:1}.catalogue-filter-actions{display:grid;grid-template-columns:1fr 1fr}.catalogue-filter-actions .btn{width:100%;padding-inline:8px}.catalogue-manage-list article{display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;padding:12px}.catalogue-manage-list .manage-thumb{width:58px;height:66px;grid-row:span 2}.catalogue-manage-list .manage-actions{grid-column:2;justify-content:flex-start}.catalogue-manage-list .manage-info small{font-size:11px}.low-stock-admin-grid{grid-template-columns:1fr}.low-stock-admin-item{grid-template-columns:48px minmax(0,1fr) auto}.low-stock-admin-thumb{width:48px;height:52px}}
@media(prefers-reduced-motion:reduce){.catalogue-filters input,.catalogue-filters select{transition:none}}


/* ROOH catalogue and inventory upgrade */
.catalogue-admin-card{min-width:0}
.catalogue-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;margin:0 0 14px;border:1px solid var(--line);border-radius:var(--card-radius);background:color-mix(in srgb,var(--bg) 82%,var(--gold) 3%)}
.catalogue-filters label{display:grid;gap:6px;min-width:0;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}
.catalogue-filters .catalogue-search{grid-column:1/-1}
.catalogue-filters input,.catalogue-filters select{width:100%;min-width:0;min-height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:13px}
.catalogue-filter-actions{grid-column:1/-1;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.catalogue-filter-actions .btn,.btn-compact{min-height:41px;padding:0 14px;font-size:11px}
.catalogue-results-line{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:2px 0 11px;color:var(--muted);font-size:11px}
.catalogue-manage-list>article{align-items:flex-start}
.catalogue-manage-list .manage-info{padding:4px 0}
.catalogue-manage-list .manage-actions{min-width:42px;align-self:center}
.catalogue-delete{color:#d58d80!important}
.catalogue-delete:hover{color:#ffb5a8!important}
.low-stock-admin-panel{margin-top:16px}
.inventory-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:30px;padding:0 10px;border:1px solid rgba(216,182,106,.38);border-radius:99px;color:var(--gold2);font-size:12px}
.low-stock-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.low-stock-admin-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--text);min-width:0}
.low-stock-admin-thumb{width:48px;height:54px;overflow:hidden;border-radius:8px;background:var(--panel)}
.low-stock-admin-thumb img{width:100%;height:100%;object-fit:cover}
.low-stock-admin-item>span:nth-child(2){min-width:0;display:grid;gap:3px}
.low-stock-admin-item b{font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.low-stock-admin-item small{font-size:9px;color:var(--muted)}
.low-stock-admin-item strong{font-size:11px;color:var(--gold2);white-space:nowrap}
.inventory-threshold-note{margin:10px 0 0;color:var(--muted);font-size:10px}
.low-stock-settings-card{grid-column:1/-1}
.low-stock-settings-form{max-width:680px}
.low-stock-settings-form>label:not(.urgency-toggle){max-width:280px}
.urgency-toggle{display:flex!important;align-items:flex-start!important;gap:12px!important;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);font-size:12px!important}
.urgency-toggle input{width:19px!important;height:19px!important;min-height:19px!important;flex:0 0 19px;accent-color:var(--gold)}
.urgency-toggle span{display:grid;gap:4px}
.urgency-toggle b{font-size:12px;color:var(--text)}
.urgency-toggle small{font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}
.low-stock-card-badge{position:absolute;top:11px;left:11px;z-index:2;padding:6px 9px;border:1px solid rgba(232,197,122,.55);border-radius:99px;background:rgba(17,14,9,.88);color:#f2d99e;font-size:10px;font-weight:700;letter-spacing:.04em;backdrop-filter:blur(8px)}
.low-stock-urgency-card{margin:8px 0 0;color:var(--gold2);font-size:10px;line-height:1.45;font-weight:600}
.low-stock-urgency{display:grid;gap:4px;margin:12px 0 18px;padding:13px 15px;border:1px solid rgba(216,182,106,.45);border-left:3px solid var(--gold);border-radius:12px;background:color-mix(in srgb,var(--gold) 8%,var(--panel));color:var(--text)}
.low-stock-urgency strong{font-size:13px;color:var(--gold2)}
.low-stock-urgency span{font-size:12px;line-height:1.55;color:var(--text)}
.product-spec-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.product-spec-summary>div{display:grid;gap:4px;min-width:0}
.product-spec-summary dt{font-size:10px;color:var(--muted)}
.product-spec-summary dd{margin:0;font-size:13px;color:var(--text);font-weight:600;overflow-wrap:anywhere}
.order-share-actions{display:grid;gap:10px;margin-top:18px}
.order-share-actions .btn{width:100%;justify-content:center;min-height:48px}
.order-share-actions small{color:var(--muted);font-size:11px;line-height:1.6}
.order-share-actions [aria-busy="true"]{opacity:.7;cursor:progress}
@media(max-width:1000px){.catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.low-stock-admin-grid{grid-template-columns:1fr}}
@media(max-width:800px){.catalogue-filters{grid-template-columns:1fr 1fr}.low-stock-admin-grid{grid-template-columns:1fr}.catalogue-manage-list>article{align-items:flex-start}.catalogue-manage-list .manage-actions{gap:9px}}
@media(max-width:520px){.catalogue-filters{grid-template-columns:1fr;padding:12px}.catalogue-filters .catalogue-search,.catalogue-filter-actions{grid-column:1}.catalogue-results-line{font-size:10px}.catalogue-manage-list>article{gap:9px}.catalogue-manage-list .manage-thumb{width:56px;height:62px;flex-basis:56px}.catalogue-manage-list .manage-info b{font-size:12px}.catalogue-manage-list .manage-info small{font-size:10px}.catalogue-manage-list .manage-actions{min-width:36px}.low-stock-admin-item{grid-template-columns:42px minmax(0,1fr) auto;padding:9px}.low-stock-admin-thumb{width:42px;height:48px}.low-stock-settings-form>label:not(.urgency-toggle){max-width:none}.product-spec-summary{grid-template-columns:1fr 1fr}.low-stock-urgency{padding:12px}}
@media(prefers-reduced-motion:reduce){.low-stock-card-badge,.low-stock-urgency{backdrop-filter:none}}

/* Final conversion and admin polish */
.whatsapp-product{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;max-width:100%;min-height:40px;padding:9px 0;margin-top:16px;border:0;border-radius:0;background:transparent;color:var(--gold);font:600 12px/1.5 var(--sans);text-align:left;text-decoration:none;cursor:pointer}
.whatsapp-product:hover{color:var(--gold2)}
.whatsapp-product-fallback{display:block;max-width:max-content;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--muted) 45%,transparent);text-underline-offset:3px}
.whatsapp-product:focus-visible,.whatsapp-product-fallback:focus-visible,.catalogue-filters :focus-visible,.catalogue-manage-list .manage-actions :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.catalogue-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.catalogue-filters .catalogue-search{grid-column:1/-1}
.catalogue-filter-actions{grid-column:1/-1}
.catalogue-admin-card,.low-stock-admin-panel,.low-stock-settings-card{min-width:0}
.catalogue-manage-list .manage-actions{gap:6px}
.catalogue-manage-list .manage-actions a,.catalogue-manage-list .manage-actions button{min-width:48px}
.low-stock-admin-item{transition:border-color .18s ease,transform .18s ease}
.low-stock-admin-item:hover{border-color:color-mix(in srgb,var(--gold) 55%,var(--line));transform:translateY(-1px)}
.low-stock-settings-form .settings-note{max-width:100%}
:root[data-theme="light"] .catalogue-filters,
:root[data-theme="light"] .low-stock-admin-item,
:root[data-theme="light"] .urgency-toggle,
:root[data-theme="light"] .product-spec-summary{background:var(--panel)}
:root[data-theme="light"] .low-stock-urgency{background:color-mix(in srgb,var(--gold) 10%,var(--panel));color:var(--text)}
:root[data-theme="light"] .low-stock-card-badge{background:rgba(255,252,243,.94);color:#795b21;border-color:rgba(151,112,37,.42)}
@media(max-width:1100px){.catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
  .catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalogue-manage-list .manage-actions{justify-content:flex-start}
  .admin-split{grid-template-columns:minmax(0,1fr)}
  .whatsapp-product{min-height:44px}
}
@media(max-width:520px){
  .catalogue-filters{grid-template-columns:minmax(0,1fr);padding:12px}
  .catalogue-filters .catalogue-search,.catalogue-filter-actions{grid-column:1}
  .catalogue-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .catalogue-manage-list>article{grid-template-columns:54px minmax(0,1fr);}
  .catalogue-manage-list .manage-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:7px;padding-left:63px}
  .catalogue-manage-list .manage-actions a,.catalogue-manage-list .manage-actions button{min-height:38px;padding:7px 11px}
  .low-stock-admin-item{grid-template-columns:44px minmax(0,1fr) auto}
  .whatsapp-product{white-space:normal}
  .whatsapp-product-fallback{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.low-stock-admin-item{transition:none}}
.low-stock-storefront{border-top:1px solid var(--line);padding-top:clamp(34px,5vw,64px)}
.low-stock-storefront .section-heading .eyebrow{color:var(--gold2)}


/* ROOH catalogue controls, category-specific Chilanka specifications and Instagram feature */
.size-picker{min-width:0}.size-picker>label,.colour-picker>label{display:block;font-weight:600}.size-chip-groups{display:grid;gap:11px;margin-top:12px}.size-chip-group>small{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.size-chip-row{display:flex;flex-wrap:wrap;gap:7px}.size-option-chip{appearance:none;border:1px solid rgba(190,165,111,.32);border-radius:999px;background:rgba(190,165,111,.07);color:var(--text);min-width:42px;min-height:36px;padding:7px 13px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}.size-option-chip:hover{border-color:var(--gold);transform:translateY(-1px)}.size-option-chip[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#17130d}.size-picker>small,.colour-picker>small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:8px}.chilanka-spec-panel{border:1px solid rgba(190,165,111,.28);border-radius:18px;padding:20px;background:linear-gradient(135deg,rgba(190,165,111,.09),rgba(190,165,111,.025));display:grid;gap:16px}.chilanka-spec-panel[hidden]{display:none!important}.chilanka-spec-panel h3{margin:0 0 5px}.chilanka-spec-panel .muted{margin:0;font-size:12px}.colour-picker{min-width:0}.colour-picker .size-chip-row{margin-top:9px}.catalogue-filters{align-items:end}.catalogue-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.catalogue-filter-actions .btn{min-height:42px}.manage-info small{overflow-wrap:anywhere}
.rooh-instagram-section{padding-top:clamp(54px,7vw,96px);padding-bottom:clamp(54px,7vw,96px);border-top:1px solid rgba(190,165,111,.14);border-bottom:1px solid rgba(190,165,111,.14)}.rooh-instagram-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px}.rooh-instagram-heading h2{margin:0 0 8px}.rooh-instagram-heading p.muted{max-width:560px;margin:0}.rooh-social-brand{display:flex;align-items:center;gap:18px;flex:none}.rooh-social-brand>img:first-child{display:block;width:128px;max-height:66px;object-fit:contain}.rooh-social-divider{width:1px;height:42px;background:rgba(190,165,111,.35)}.rooh-social-brand .instagram-brand-icon{width:38px;height:38px;object-fit:contain}.rooh-instagram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.rooh-instagram-tile{position:relative;display:block;overflow:hidden;min-height:250px;aspect-ratio:1.15/1;border-radius:18px;background:#17130d;border:1px solid rgba(190,165,111,.22);isolation:isolate}.rooh-instagram-tile::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,rgba(8,7,5,.86),rgba(8,7,5,0));z-index:0}.rooh-instagram-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;z-index:-1}.rooh-instagram-tile:hover>img{transform:scale(1.045)}.rooh-instagram-tile>span{position:absolute;left:20px;right:20px;bottom:18px;display:grid;gap:5px;color:#fff8e8;text-shadow:0 2px 10px rgba(0,0,0,.65)}.rooh-instagram-tile small{color:#f0d99b;font-size:9px;font-weight:700;letter-spacing:.18em}.rooh-instagram-tile b{font-family:'Playfair Display',serif;font-size:clamp(16px,1.7vw,22px);font-weight:500}.rooh-instagram-footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:22px}.rooh-instagram-footer>span{font-size:10px;letter-spacing:.18em;color:var(--muted);font-weight:700}.rooh-instagram-footer .btn{display:inline-flex;align-items:center;gap:9px}.rooh-instagram-footer .btn img{width:18px;height:18px;object-fit:contain}
@media(max-width:760px){.rooh-instagram-heading{align-items:flex-start;flex-direction:column}.rooh-social-brand{align-self:flex-start}.rooh-instagram-grid{grid-template-columns:1fr 1fr;gap:10px}.rooh-instagram-tile{min-height:170px;aspect-ratio:1/1}.rooh-instagram-tile:last-child{grid-column:1/-1;aspect-ratio:1.55/1}.rooh-instagram-tile>span{left:13px;right:13px;bottom:13px}.rooh-instagram-footer{align-items:flex-start;flex-direction:column}.chilanka-spec-panel{padding:15px}.catalogue-filters{grid-template-columns:1fr!important}.catalogue-filter-actions{display:grid;grid-template-columns:1fr 1fr}.size-option-chip{min-height:40px}}
@media(min-width:761px) and (max-width:1050px){.catalogue-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.rooh-instagram-tile{min-height:210px}}


/* ROOH product editor: saved model/size dropdowns with compact custom entries. */
.model-picker,.size-picker{min-width:0;display:grid;align-content:start;gap:8px}
.model-picker>label,.size-picker>label{display:grid;gap:7px;font-weight:600}
.model-picker select,.size-picker select{width:100%;min-width:0;min-height:46px;padding:11px 38px 11px 13px;border:1px solid rgba(190,165,111,.42);border-radius:13px;background-color:var(--bg);color:var(--text);font:inherit;font-size:13px;appearance:auto}
.compact-new-option{width:100%;min-height:38px!important;padding:8px 11px!important;border-radius:10px!important;border:1px dashed rgba(190,165,111,.52)!important;background:rgba(190,165,111,.045)!important;font-size:12px!important}
.model-picker>small,.size-picker>small{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.size-chip-groups{margin-top:4px}
/* Homepage Reel cards reuse the ROOH universal champagne-gold gradient overlay. */
.rooh-reels-grid{align-items:stretch;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.rooh-reel-tile{min-height:250px;aspect-ratio:1.15/1;border-radius:var(--card-radius,18px);border:1px solid rgba(190,165,111,.28);background:linear-gradient(135deg,#201b12,#100e0b)}
.rooh-reel-tile::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 24%,transparent) 0%,color-mix(in srgb,var(--gold) 12%,transparent) 56%,color-mix(in srgb,var(--gold) 5%,transparent) 100%),linear-gradient(0deg,color-mix(in srgb,var(--gold) 30%,transparent) 0%,color-mix(in srgb,var(--gold) 12%,transparent) 54%,transparent 100%)}
.rooh-reel-tile::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(7,7,7,.83) 0%,rgba(7,7,7,.25) 42%,rgba(7,7,7,.04) 100%)}
.rooh-reel-tile>img{z-index:0;object-fit:cover}
.rooh-reel-caption{position:absolute;z-index:2;left:18px;right:18px;bottom:19px;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;color:#fff8e8;font-family:'DM Sans',sans-serif;font-size:clamp(12px,1.05vw,14px);font-weight:600;line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.75);white-space:normal}
.rooh-reel-play{position:absolute;z-index:3;top:16px;right:16px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(9,9,9,.54);border:1px solid rgba(240,217,155,.64);color:#f0d99b;font-style:normal;font-size:13px;padding-left:2px;backdrop-filter:blur(8px)}
.rooh-reel-tile:hover>img{transform:scale(1.045)}
.rooh-reels-empty{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;text-align:center;border:1px solid rgba(190,165,111,.28);border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--gold) 18%,transparent),color-mix(in srgb,var(--gold) 7%,transparent)),linear-gradient(0deg,rgba(8,7,5,.72),rgba(8,7,5,.22));color:var(--text)}
.rooh-reels-empty-icon{width:38px;height:38px;display:grid;place-items:center}.rooh-reels-empty-icon img{width:34px;height:34px}.rooh-reels-empty b{font-family:'Playfair Display',serif;font-size:21px;font-weight:500}.rooh-reels-empty>span:not(.rooh-reels-empty-icon){max-width:640px;color:var(--muted);font-size:13px;line-height:1.55}.rooh-reels-empty em{display:inline-flex;align-items:center;gap:6px;color:var(--gold2);font-style:normal;font-size:12px;font-weight:700;letter-spacing:.04em}
.instagram-admin-mark{width:34px;height:34px;object-fit:contain;flex:none}
.instagram-reel-admin{margin-top:20px}
.instagram-reel-admin-form{display:grid;gap:18px}
.instagram-reel-admin-form>label,.instagram-reel-admin-card>label{display:grid;gap:7px;font-weight:600}
.instagram-reel-admin-form input[type=url],.instagram-reel-admin-card input[type=url],.instagram-reel-admin-card textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;font-size:13px}
.instagram-reel-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.instagram-reel-admin-card{display:grid;align-content:start;gap:12px;padding:15px;border:1px solid rgba(190,165,111,.24);border-radius:14px;background:linear-gradient(135deg,rgba(190,165,111,.075),rgba(190,165,111,.02))}
.instagram-reel-admin-card .eyebrow{margin:0;color:var(--gold)}
.instagram-reel-admin-card label small{display:block;color:var(--muted);font-weight:400;font-size:10px;line-height:1.4}
.instagram-reel-admin-card textarea{resize:vertical;min-height:110px}
.instagram-reel-cover-preview{width:100%;max-height:180px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}
@media(max-width:760px){.rooh-reel-tile{min-height:170px;aspect-ratio:1/1}.rooh-reel-caption{left:13px;right:13px;bottom:13px;-webkit-line-clamp:4;font-size:11px}.instagram-reel-admin-grid{grid-template-columns:1fr}.instagram-reel-admin-card{padding:13px}}


/* Category-specific product specifications and the dedicated Control Room inventory page. */
.category-spec-grid{align-items:start}
.category-spec-grid [hidden]{display:none!important}
.fabric-picker,.loom-picker{min-width:0;display:grid;align-content:start;gap:8px}
.fabric-picker>label,.loom-picker>label{display:grid;gap:7px;font-weight:600}
.fabric-picker select,.loom-picker select{width:100%;min-width:0;min-height:46px;padding:11px 38px 11px 13px;border:1px solid rgba(190,165,111,.42);border-radius:13px;background-color:var(--bg);color:var(--text);font:inherit;font-size:13px;appearance:auto}
.fabric-picker>small,.loom-picker>small{display:block;color:var(--muted);font-size:11px;line-height:1.5}
.inventory-watch-stats{margin-bottom:18px}
.inventory-watch-panel{margin-top:0}
.inventory-watch-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.inventory-watch-list .low-stock-admin-item{min-width:0}
.inventory-watch-list .low-stock-admin-item>span:nth-child(2){min-width:0}
.inventory-watch-list .low-stock-admin-item>span:nth-child(2) small{overflow-wrap:anywhere}
.inventory-watch-list .inventory-zero{color:#f0ad83}
.inventory-clear-state{padding:30px;text-align:center}
.inventory-clear-state p{margin:7px 0 0;color:var(--muted)}
@media(max-width:760px){.inventory-watch-list{grid-template-columns:1fr}.category-spec-grid{grid-template-columns:1fr}}

.category-spec-grid [hidden],#chilanka-spec-panel[hidden]{display:none!important}


/* ROOH Instagram showcase: framed universal panel, theme-safe Reel controls and mobile layout. */
.section.rooh-instagram-section{
  width:calc(100% - 56px);
  max-width:var(--max);
  margin:clamp(28px,4.5vw,64px) auto;
  padding:0!important;
  border:0;
  background:transparent;
}
.rooh-instagram-panel{
  min-width:0;
  padding:clamp(24px,3.2vw,42px);
  border:1px solid rgba(216,182,106,.30);
  border-radius:var(--builder-radius,22px);
  background:linear-gradient(120deg,rgba(216,182,106,.105),rgba(216,182,106,.035) 58%,rgba(216,182,106,.075)),var(--panel,#151512);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.10);
}
.rooh-instagram-heading{min-width:0;align-items:center;gap:24px;margin-bottom:24px}
.rooh-instagram-heading>div:first-child{min-width:0}
.rooh-instagram-heading h2{font-size:clamp(27px,3.2vw,40px);line-height:1.16}
.rooh-instagram-heading p.muted{max-width:620px;line-height:1.65}
.rooh-social-brand{gap:15px}
.rooh-social-brand>img:first-child{width:116px;max-height:60px}
.rooh-social-brand .instagram-brand-icon{width:36px;height:36px}
.rooh-reels-grid{width:100%;min-width:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rooh-reel-tile{width:100%;min-width:0;min-height:245px;aspect-ratio:1.18/1;border-radius:18px}
.rooh-reel-play{width:42px;height:42px;top:14px;right:14px;padding:0;color:#f0d99b;background:rgba(10,9,7,.76);border:1px solid rgba(240,217,155,.78);box-shadow:0 4px 18px rgba(0,0,0,.26)}
.rooh-reel-play svg{display:block;width:17px;height:17px;fill:currentColor;transform:translateX(1px)}
.rooh-reel-caption{color:#fff8e8!important;text-shadow:0 2px 12px rgba(0,0,0,.82),0 0 2px rgba(0,0,0,.55)}
.rooh-instagram-footer{margin-top:22px;align-items:center}
.rooh-instagram-footer>span{color:var(--muted)}
.rooh-instagram-footer .btn{min-height:46px}
.rooh-instagram-footer .btn img{width:18px;height:18px}
@media(max-width:760px){
  .section.rooh-instagram-section{width:calc(100% - 28px);margin:24px auto 30px;padding:0!important}
  .rooh-instagram-panel{padding:22px 16px 20px;border-radius:20px}
  .rooh-instagram-heading{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}
  .rooh-instagram-heading h2{font-size:clamp(25px,7vw,31px);line-height:1.17;margin-bottom:9px}
  .rooh-instagram-heading p.muted{font-size:13px;line-height:1.6;max-width:100%}
  .rooh-social-brand{align-self:flex-start;display:flex;align-items:center;gap:13px;margin-top:1px}
  .rooh-social-brand>img:first-child{width:94px;max-height:48px}
  .rooh-social-divider{height:34px}
  .rooh-social-brand .instagram-brand-icon{width:32px;height:32px}
  .rooh-reels-grid{display:grid;width:100%;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;gap:13px}
  .rooh-reel-tile,.rooh-reel-tile:last-child{display:block;width:100%;max-width:none;min-width:0;min-height:0;grid-column:auto!important;aspect-ratio:1.18/1!important;border-radius:15px}
  .rooh-reel-caption{left:14px;right:14px;bottom:14px;-webkit-line-clamp:4;font-size:12px;line-height:1.42}
  .rooh-reel-play{width:39px;height:39px;top:11px;right:11px}
  .rooh-reel-play svg{width:16px;height:16px}
  .rooh-instagram-footer{display:flex;flex-direction:column;align-items:stretch;gap:13px;margin-top:18px}
  .rooh-instagram-footer>span{font-size:9px;letter-spacing:.15em}
  .rooh-instagram-footer .btn{width:100%;justify-content:center;min-height:48px;font-size:12px}
}
@media(max-width:380px){
  .section.rooh-instagram-section{width:calc(100% - 22px)}
  .rooh-instagram-panel{padding:20px 13px 18px}
  .rooh-reels-grid{gap:11px}
  .rooh-reel-caption{left:12px;right:12px;bottom:12px;font-size:11px}
}

/* ROOH header v4: menu-first layout, universal search and responsive action icons. */
.site-header{position:sticky;top:0;z-index:120;isolation:isolate}
.site-header .header-inner{width:100%;max-width:var(--max);height:82px;padding:0 clamp(12px,2.2vw,28px);margin:0 auto;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:clamp(8px,1.25vw,16px)!important}
.site-header .menu-toggle{display:inline-flex!important;order:0;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;margin:0;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--gold2);font-size:0}
.site-header .menu-toggle .ui-icon{width:20px;height:20px;margin:0}
.site-header .brand-mark{order:1;flex:0 0 82px;width:82px;height:72px;display:flex;align-items:center;justify-content:center;margin:0}
.site-header .brand-mark .rooh-logo{display:block;width:78px;height:68px;max-height:68px;object-fit:contain}
.site-header .header-search{order:2;position:relative;display:flex;align-items:center;gap:8px;flex:1 1 360px;min-width:90px;max-width:500px;height:46px;margin:0;padding:0 6px 0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(13,12,10,.42);color:var(--gold2);box-shadow:inset 0 0 0 1px rgba(216,182,106,.025)}
.site-header .header-search-icon{display:grid;place-items:center;flex:0 0 19px;color:var(--gold)}
.site-header .header-search-icon .ui-icon{width:19px;height:19px;margin:0}
.site-header .header-search-input{flex:1 1 auto;min-width:0;width:100%;height:42px;padding:0 2px;border:0!important;outline:0!important;background:transparent!important;color:var(--text)!important;font:500 13px/1.2 var(--sans)!important;box-shadow:none!important;appearance:none;-webkit-appearance:none}
.site-header .header-search-input::-webkit-search-cancel-button{-webkit-appearance:none}
.site-header .header-search-input::placeholder{color:var(--muted)!important;opacity:.28;transition:opacity .52s ease}
.site-header .header-search.is-hint-fading .header-search-input::placeholder,.site-header .header-search.is-search-engaged .header-search-input::placeholder{opacity:0}
.site-header .header-search-submit{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(216,182,106,.35);border-radius:50%;background:rgba(216,182,106,.13);color:var(--gold2)}
.site-header .header-search-submit .ui-icon{width:19px;height:19px;margin:0}
.site-header .header-actions{order:3;display:flex!important;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:clamp(7px,1vw,14px)!important;margin:0}
.site-header .theme-toggle{display:inline-flex!important;flex:0 0 42px;width:42px;height:42px;align-items:center;justify-content:center;margin:0}
.site-header .header-auth-icon{width:42px;height:42px;flex:0 0 42px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold2)!important;background:transparent}
.site-header .header-auth-icon .ui-icon{width:19px;height:19px;margin:0}
.site-header .header-auth-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 2px;color:var(--gold2)!important;font-size:11px!important;font-weight:600;letter-spacing:.01em!important;text-transform:none!important;white-space:nowrap}
.site-header .menu-backdrop{position:fixed;inset:0;z-index:0;width:100vw;height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:rgba(0,0,0,.52);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);cursor:default}
.site-header .main-nav{position:fixed!important;z-index:1;top:calc(82px + env(safe-area-inset-top));left:14px;right:auto;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 108px);overflow-y:auto;padding:12px 22px 18px!important;border:1px solid rgba(216,182,106,.24)!important;border-radius:18px!important;background:rgba(10,9,8,.95)!important;color:#f6edda;box-shadow:0 22px 80px rgba(0,0,0,.48);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(-10px,-7px,0);transition:opacity .22s ease,transform .24s ease,visibility .22s ease}
.site-header .main-nav.open{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0)}
.site-header .main-nav a{display:flex!important;align-items:center;min-height:50px;padding:12px 2px!important;border-bottom:1px solid rgba(216,182,106,.13)!important;color:#f5eddf!important;font-size:13px!important;font-weight:500;letter-spacing:.07em!important;text-transform:uppercase;white-space:normal!important}
.site-header .main-nav a:last-child{border-bottom:0!important}
.site-header .main-nav a:hover,.site-header .main-nav a.is-active{color:#efcf83!important}
body.rooh-menu-open{overflow:hidden}
:root[data-theme="light"] .site-header .header-search{background:rgba(255,250,242,.72)}
:root[data-theme="light"] .site-header .header-search-input{color:#2b1b10!important}
:root[data-theme="light"] .site-header .main-nav{background:rgba(10,9,8,.95)!important;border-color:rgba(216,182,106,.3)!important}

/* Floating contact + shopping actions: WhatsApp first, cart immediately below. */
.whatsapp-float{position:fixed!important;z-index:82!important;right:18px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important;width:56px!important;height:56px!important}
.floating-cart{position:fixed;z-index:82;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:linear-gradient(135deg,#f0d99b,#c39a4f);color:#17120a;box-shadow:0 8px 26px rgba(0,0,0,.3);transition:transform .2s ease,box-shadow .2s ease}
.floating-cart:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.36)}
.floating-cart-icon{width:24px;height:24px;margin:0;stroke:currentColor}
.floating-cart-count{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border:2px solid #0e0d0a;border-radius:999px;background:#17130d;color:#f5d98d;font:700 11px/1 var(--sans);box-shadow:0 2px 8px rgba(0,0,0,.35)}
:root[data-theme="light"] .floating-cart{border-color:rgba(91,57,20,.2)}
:root[data-theme="light"] .floating-cart-count{border-color:#f6f1e8;background:#2a1b10;color:#f5d98d}
.back-to-top{right:22px!important;bottom:calc(154px + env(safe-area-inset-bottom))!important}

/* Mobile viewport discipline: stable device-width layout without disabling accessibility zoom. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:100%;overflow-x:clip}
body{max-width:100%;overflow-x:clip}
img,video,iframe{max-width:100%}
@media(max-width:800px){
  :root .site-header .header-inner{height:72px;padding:0 10px;gap:7px!important}
  .site-header .menu-toggle{width:36px;height:36px;flex-basis:36px}
  .site-header .brand-mark{width:65px;height:62px;flex-basis:65px}
  .site-header .brand-mark .rooh-logo{width:63px;height:58px;max-height:58px}
  .site-header .header-search{height:40px;min-width:68px;padding-left:9px;gap:5px}
  .site-header .header-search-input{height:36px;font-size:16px!important}
  .site-header .header-search-submit{width:29px;height:29px;flex-basis:29px}
  .site-header .header-search-submit .ui-icon{width:17px;height:17px}
  .site-header .header-actions{gap:6px!important}
  .site-header .theme-toggle,.site-header .header-auth-icon{width:35px;height:35px;flex-basis:35px}
  .site-header .theme-toggle .ui-icon{width:17px;height:17px}
  .site-header .header-auth-link{font-size:9px!important;max-width:67px;white-space:normal;line-height:1.15;text-align:center}
  .site-header .main-nav{top:calc(72px + env(safe-area-inset-top));max-height:calc(100dvh - 95px)}
  .whatsapp-float{right:14px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;width:50px!important;height:50px!important}
  .floating-cart{right:14px;bottom:calc(13px + env(safe-area-inset-bottom));width:50px;height:50px}
  .floating-cart-icon{width:22px;height:22px}
  .floating-cart-count{min-width:20px;height:20px;font-size:10px}
  .back-to-top{right:16px!important;bottom:calc(142px + env(safe-area-inset-bottom))!important;width:44px;height:44px}
}
@media(max-width:380px){
  :root .site-header .header-inner{gap:5px!important;padding-left:8px;padding-right:8px}
  .site-header .brand-mark{width:56px;flex-basis:56px}
  .site-header .brand-mark .rooh-logo{width:55px}
  .site-header .header-auth-link{max-width:58px;font-size:8px!important}
  .site-header .header-search{min-width:54px}
  .site-header .header-search-input{font-size:16px!important}
}
@media(prefers-reduced-motion:reduce){.site-header .main-nav,.site-header .header-search-input::placeholder,.floating-cart{transition:none!important}}


/* Final mobile fit pass: preserve zoom accessibility while preventing header/content spill. */
.site-header .header-inner{min-width:0}
.site-header .brand-mark,.site-header .menu-toggle,.site-header .header-actions{min-width:0;flex-shrink:0}
.site-header .header-search{min-width:0;flex:1 1 auto}
.site-header .header-search-input{min-width:0}
.site-header .main-nav{overscroll-behavior:contain;scrollbar-width:thin}
@media(max-width:520px){
  :root .site-header .header-inner{width:100%;max-width:100%;}
  .site-header .header-search{max-width:none;}
  .site-header .header-auth-link{max-width:64px;white-space:normal;line-height:1.15;text-align:center;}
  .shop-toolbar,.form-grid,.product-detail,.cart-layout,.about-body,.custom-process{min-width:0;}
  .shop-toolbar>*{min-width:0;}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .product-card,.product-image,.product-meta{min-width:0;}
  .product-meta h3,.product-meta p{overflow-wrap:anywhere;}
}
@media(max-width:380px){
  .site-header .header-inner{gap:4px!important;padding-left:7px!important;padding-right:7px!important;}
  .site-header .menu-toggle{width:33px;height:33px;flex-basis:33px;}
  .site-header .brand-mark{width:48px;height:56px;flex-basis:48px;}
  .site-header .brand-mark .rooh-logo{width:47px;height:52px;max-height:52px;}
  .site-header .header-search{min-width:42px;gap:3px;padding-left:6px;}
  .site-header .header-search-icon{flex-basis:15px;}
  .site-header .header-search-icon .ui-icon{width:15px;height:15px;}
  .site-header .header-search-submit{width:26px;height:26px;flex-basis:26px;}
  .site-header .header-actions{gap:4px!important;}
  .site-header .theme-toggle,.site-header .header-auth-icon{width:32px;height:32px;flex-basis:32px;}
  .site-header .header-auth-link{max-width:48px;font-size:8px!important;}
}
@media(max-width:300px){
  /* At extreme browser zoom, hide only the decorative header logo to preserve core controls. */
  .site-header .brand-mark{display:none!important;}
  .site-header .header-inner{gap:5px!important;}
  .site-header .header-search{flex:1 1 0;}
  .site-header .header-auth-link{max-width:42px;font-size:7px!important;}
}

@media(max-width:800px){
  /* Keep mobile form focus from triggering Safari's automatic input zoom. */
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important;}
}

/* ROOH review system: compact home summaries, detailed product reviews and editable showcase photos. */
.rating-star{width:17px;height:17px;color:var(--gold);fill:none;stroke:currentColor;stroke-width:1.9;vertical-align:middle;margin-right:2px}
.rating-star.is-filled{fill:currentColor}
.rating-star.is-empty{fill:transparent;opacity:.95}
.review-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.review-home-card{display:grid;gap:13px;min-width:0;padding:23px;border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),var(--bg2));color:var(--text);text-decoration:none;border-radius:var(--card-radius);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.review-home-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:var(--shadow)}
.review-home-card .stars{display:flex;gap:3px;color:var(--gold)}
.review-home-field{display:grid;gap:3px;min-width:0}
.review-home-field small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.review-home-field strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere;font-weight:600}
.review-detail-card{scroll-margin-top:115px}
.review-detail-card:target{border-color:var(--gold);box-shadow:0 0 0 2px rgba(216,182,106,.18),var(--shadow)}
.review-detail-meta{display:grid;gap:6px;margin-top:14px;color:var(--muted);font-size:12px}
.review-detail-meta>strong{color:var(--text);font-size:14px}
.review-detail-meta b{color:var(--gold);font-weight:600;margin-right:5px}
.review-origin{width:max-content;margin-top:4px;padding:4px 8px;border:1px solid var(--line);border-radius:99px;color:var(--gold2)!important;font-size:10px!important}
.review-photo-grid,.review-admin-photo-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.review-photo-grid a,.review-admin-photo-row a{display:block;width:clamp(76px,18vw,130px);height:clamp(76px,18vw,130px);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--panel)}
.review-photo-grid img,.review-admin-photo-row img{display:block;width:100%;height:100%;object-fit:cover}
.review-editor-form .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.review-editor-form .full-span{grid-column:1/-1}
.review-existing-images{display:grid;gap:9px}
.review-existing-images>div{display:flex;flex-wrap:wrap;gap:12px}
.review-existing-images label{display:grid;gap:6px;align-content:start}
.review-existing-images img{width:90px;height:90px;object-fit:cover;border:1px solid var(--line);border-radius:7px}
.review-existing-images label span{display:flex;gap:6px;align-items:center;font-size:11px!important}
.review-existing-images input{width:16px!important;min-height:16px!important}
.review-editor-actions{display:flex;flex-wrap:wrap;gap:10px}
.manual-review-actions{min-width:140px}
.manual-review-actions>a{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}
.account-review-form{display:grid;grid-template-columns:100px minmax(150px,1fr);gap:10px;padding:14px;border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:0}
.account-review-form label{display:grid;gap:5px;color:var(--muted);font-size:11px;letter-spacing:.04em}
.account-review-form label select,.account-review-form label input,.account-review-form label textarea{width:100%;min-height:42px;padding:9px 11px;background:var(--bg);border:1px solid var(--line);color:var(--text);font:inherit;font-size:13px;letter-spacing:normal}
.account-review-form label textarea{resize:vertical}
.account-review-form .review-form-wide{grid-column:1/-1}
.account-review-form button{grid-column:1/-1;justify-self:start;min-height:40px;padding:8px 18px;border:1px solid var(--gold);background:var(--gold);color:#17120a;font-weight:700}
.account-review-form small{font-size:11px;color:var(--muted)}
:root[data-theme="light"] .review-home-card{background:linear-gradient(145deg,#fffaf2,#f0e7da);color:#2b1b10}
:root[data-theme="light"] .review-home-field small,:root[data-theme="light"] .review-detail-meta b{color:#805016}
:root[data-theme="light"] .review-detail-meta>strong{color:#2b1b10}
:root[data-theme="light"] .review-origin{color:#805016!important}
@media(max-width:900px){.review-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.review-home-grid{grid-template-columns:1fr}.review-home-card{padding:18px}.review-editor-form .form-grid{grid-template-columns:1fr}.review-editor-form .full-span{grid-column:auto}.manual-review-actions{min-width:0}.account-review-form{grid-template-columns:1fr}.account-review-form .review-form-wide,.account-review-form button{grid-column:auto}.review-detail-card{scroll-margin-top:90px}}


/* Homepage testimonials: let the customer's actual words lead; keep attribution quiet. */
.review-home-card{align-content:start;gap:15px;text-align:left}
.review-home-card .stars{display:flex;align-items:center;gap:4px;margin-bottom:1px}
.review-home-card .rating-star{width:18px;height:18px;margin:0}
.review-home-quote{margin:0;color:var(--text);font-size:14px;line-height:1.8;font-weight:400;white-space:normal;overflow-wrap:anywhere}
.review-home-attribution{display:grid;gap:5px;margin-top:2px;padding-top:13px;border-top:1px solid var(--line);min-width:0}
.review-home-attribution strong{color:var(--text);font-size:13px;line-height:1.4;font-weight:650}
.review-home-attribution small{display:block;color:var(--muted);font-size:11px;line-height:1.55;letter-spacing:.01em;overflow-wrap:anywhere}
.review-home-product{color:var(--gold2)}
.review-home-separator{padding:0 3px;color:var(--muted2)}
:root[data-theme="light"] .review-home-quote{color:#3b2b1c}
:root[data-theme="light"] .review-home-attribution strong{color:#2b1b10}
:root[data-theme="light"] .review-home-attribution small{color:#715d48}
:root[data-theme="light"] .review-home-product{color:#805016}
@media(max-width:620px){.review-home-card{gap:12px;padding:18px}.review-home-quote{font-size:14px;line-height:1.75}.review-home-attribution{padding-top:11px}.review-home-attribution strong{font-size:13px}.review-home-attribution small{font-size:11px}}

/* ROOH header refinement: centred search, larger borderless controls, clearer logo. */
:root .site-header .header-inner{
  display:grid!important;
  grid-template-columns:48px 96px minmax(190px,1fr) auto;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:clamp(12px,1.6vw,22px)!important;
}
.site-header .menu-toggle{
  grid-column:1;grid-row:1;
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--gold2)!important;
}
.site-header .menu-toggle .ui-icon{width:25px!important;height:25px!important;}
.site-header .brand-mark{
  grid-column:2;grid-row:1;
  width:96px!important;height:80px!important;flex:0 0 96px!important;
  justify-content:center!important;
}
.site-header .brand-mark .rooh-logo{
  width:91px!important;height:78px!important;max-height:78px!important;
}
.site-header .header-search{
  grid-column:3;grid-row:1;
  width:min(100%,560px)!important;max-width:560px!important;
  justify-self:center!important;flex:initial!important;
}
.site-header .header-actions{
  grid-column:4;grid-row:1;
  justify-self:end!important;justify-content:flex-end!important;
  gap:clamp(12px,1.35vw,18px)!important;
}
.site-header .theme-toggle,.site-header .header-auth-icon{
  width:48px!important;height:48px!important;flex:0 0 48px!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:var(--gold2)!important;
}
.site-header .theme-toggle .ui-icon,.site-header .header-auth-icon .ui-icon{
  width:25px!important;height:25px!important;
}
.site-header .menu-toggle:hover,.site-header .theme-toggle:hover,.site-header .header-auth-icon:hover{
  background:rgba(216,182,106,.08)!important;
  border:0!important;box-shadow:none!important;
}
:root[data-theme="light"] .site-header .menu-toggle,
:root[data-theme="light"] .site-header .theme-toggle,
:root[data-theme="light"] .site-header .header-auth-icon{
  color:#805016!important;background:transparent!important;border:0!important;
}

/* On phones, keep all controls visible while letting search use the middle track. */
@media(max-width:800px){
  .site-header .header-inner{
    height:76px!important;padding-left:10px!important;padding-right:10px!important;
    grid-template-columns:42px 76px minmax(50px,1fr) auto;
    column-gap:7px!important;
  }
  .site-header .menu-toggle{width:44px!important;height:44px!important;flex-basis:44px!important;}
  .site-header .menu-toggle .ui-icon{width:24px!important;height:24px!important;}
  .site-header .brand-mark{width:76px!important;height:68px!important;flex-basis:76px!important;}
  .site-header .brand-mark .rooh-logo{width:72px!important;height:66px!important;max-height:66px!important;}
  .site-header .header-search{
    width:100%!important;max-width:none!important;min-width:0!important;
    height:43px!important;padding-left:9px!important;gap:5px!important;
  }
  .site-header .header-search-input{height:39px!important;font-size:16px!important;}
  .site-header .header-search-submit{width:31px!important;height:31px!important;flex-basis:31px!important;}
  .site-header .header-actions{gap:8px!important;}
  .site-header .theme-toggle,.site-header .header-auth-icon{
    width:44px!important;height:44px!important;flex-basis:44px!important;
  }
  .site-header .theme-toggle .ui-icon,.site-header .header-auth-icon .ui-icon{width:23px!important;height:23px!important;}
  .site-header .header-auth-link{max-width:64px!important;font-size:9px!important;}
  .site-header .main-nav{top:calc(76px + env(safe-area-inset-top))!important;}
  /* The small left shift applies only to phone hero actions, not tablets or desktop. */
  .hero-actions{margin-left:-9px!important;}
}
@media(max-width:520px){
  .site-header .header-inner{padding-left:8px!important;padding-right:8px!important;column-gap:5px!important;}
  .site-header .brand-mark{width:70px!important;flex-basis:70px!important;}
  .site-header .brand-mark .rooh-logo{width:68px!important;height:64px!important;}
  .site-header .header-actions{gap:5px!important;}
  .site-header .header-auth-link{max-width:55px!important;font-size:8px!important;}
  .hero-actions{margin-left:-8px!important;}
}
@media(max-width:380px){
  .site-header .header-inner{
    grid-template-columns:38px 62px minmax(42px,1fr) auto;
    column-gap:4px!important;padding-left:6px!important;padding-right:6px!important;
  }
  .site-header .menu-toggle{width:40px!important;height:42px!important;flex-basis:40px!important;}
  .site-header .brand-mark{width:62px!important;flex-basis:62px!important;height:60px!important;}
  .site-header .brand-mark .rooh-logo{width:60px!important;height:58px!important;max-height:58px!important;}
  .site-header .header-actions{gap:3px!important;}
  .site-header .theme-toggle,.site-header .header-auth-icon{width:39px!important;height:42px!important;flex-basis:39px!important;}
  .site-header .theme-toggle .ui-icon,.site-header .header-auth-icon .ui-icon{width:21px!important;height:21px!important;}
  .site-header .header-auth-link{max-width:48px!important;font-size:7px!important;}
}
@media(max-width:300px){
  :root .site-header .header-inner{grid-template-columns:38px minmax(42px,1fr) auto!important;}
  .site-header .menu-toggle{grid-column:1!important;}
  .site-header .header-search{grid-column:2!important;}
  .site-header .header-actions{grid-column:3!important;}
}

/* ROOH feature-complete controls: live search, catalogue filters and offer manager. */
.header-search{position:relative;isolation:isolate}
.header-search-suggestions{position:absolute;z-index:300;top:calc(100% + 10px);left:0;right:0;max-height:min(62vh,480px);overflow:auto;padding:9px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.28)}
.header-search-suggestions[hidden]{display:none!important}
.header-search-suggestions-heading{padding:7px 10px 9px;color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.header-search-suggestion{display:grid;grid-template-columns:92px minmax(0,1fr);gap:3px 10px;width:100%;padding:10px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.header-search-suggestion:hover,.header-search-suggestion:focus-visible{outline:0;background:rgba(216,182,106,.12)}
.header-search-suggestion-type{grid-row:span 2;align-self:center;color:var(--gold);font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.header-search-suggestion-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.header-search-suggestion small{color:var(--muted);font-size:10px;line-height:1.4}

.collection-toolbar{display:grid;gap:12px;align-items:start}
.collection-toolbar-main{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(145px,.8fr) minmax(145px,.8fr) auto;gap:10px;align-items:center}
.collection-toolbar-main>select,.collection-toolbar-main .search-field{min-width:0;width:100%;min-height:46px}
.collection-toolbar-main>select{padding:0 13px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--text)}
.collection-main-apply{min-height:46px;white-space:nowrap}
.collection-filter-box{width:100%;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,rgba(216,182,106,.055),rgba(255,255,255,.012)),var(--panel);overflow:visible}
.collection-filter-box>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 15px;color:var(--text);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;list-style:none}
.collection-filter-box>summary::-webkit-details-marker{display:none}
.collection-filter-box>summary>span:first-child{display:inline-flex;align-items:center;gap:9px}
.collection-filter-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border:1px solid var(--line);border-radius:99px;color:var(--gold);font-size:11px}
.collection-filter-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:15px;border-top:1px solid var(--line)}
.collection-filter-group{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px}
.collection-filter-group legend{padding:0 6px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.collection-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 12px}
.collection-filter-options label{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text);font-size:12px;line-height:1.4;cursor:pointer}
.collection-filter-options input{width:16px;height:16px;min-height:16px;flex:0 0 16px;accent-color:var(--gold)}
.collection-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.collection-price-fields label{display:grid;gap:5px;color:var(--muted);font-size:10px}
.collection-price-fields input{width:100%;min-width:0;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text)}
.collection-filter-actions{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:2px}
.collection-filter-actions .btn{min-height:42px}

.offer-manager-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:22px}
.offer-manager-intro h2,.offer-manager-card h2{margin:0 0 7px;font-family:var(--serif);font-size:clamp(20px,2vw,27px);font-weight:500}
.offer-manager-intro p.muted{max-width:780px;margin:0;font-size:12px;line-height:1.7}
.offer-manager-icon{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border:1px solid var(--line);border-radius:50%;color:var(--gold)}
.offer-manager-card{display:grid;gap:17px;margin-bottom:18px;padding:20px}
.offer-filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}
.offer-filter-form label,.offer-percent-field{display:grid;gap:6px;color:var(--muted);font-size:11px}
.offer-filter-form input,.offer-filter-form select,.offer-percent-field input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}
.offer-filter-actions{display:flex;gap:8px;flex-wrap:wrap;grid-column:1/-1}
.offer-filter-actions .btn{min-height:40px}
.offer-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.offer-mode-option{display:flex;align-items:flex-start;gap:11px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--bg);cursor:pointer}
.offer-mode-option:has(input:checked){border-color:var(--gold);background:rgba(216,182,106,.07);box-shadow:inset 0 0 0 1px rgba(216,182,106,.12)}
.offer-mode-option input{margin-top:4px;accent-color:var(--gold)}
.offer-mode-option span{display:grid;gap:6px;min-width:0}
.offer-mode-option b{color:var(--text);font-size:13px}
.offer-mode-option small,.offer-mode-option em{color:var(--muted);font-size:11px;line-height:1.55;font-style:normal}
.offer-mode-option em{color:var(--gold)}
.offer-percent-field{max-width:260px}
.offer-percent-field small{font-size:10px;line-height:1.5}
.offer-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:rgba(216,182,106,.045)}
.offer-selection-heading label{display:flex;align-items:center;gap:9px;color:var(--text);font-size:12px;font-weight:700}
.offer-selection-heading input,.offer-product-row>input{width:17px;height:17px;min-height:17px;accent-color:var(--gold)}
.offer-selection-heading small{color:var(--muted);font-size:10px}
.offer-product-list{display:grid;gap:7px;max-height:580px;overflow:auto;padding-right:3px}
.offer-product-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);cursor:pointer}
.offer-product-row:has(input:checked){border-color:var(--gold);background:rgba(216,182,106,.07)}
.offer-product-copy{display:grid;gap:4px;min-width:0}
.offer-product-copy>b{color:var(--text);font-size:12px}
.offer-product-copy small{color:var(--muted);font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.offer-product-price{display:grid;justify-items:end;gap:2px;white-space:nowrap}
.offer-product-price b{color:var(--text);font-size:12px}
.offer-product-price del{color:var(--muted);font-size:10px}
.offer-status-fake,.offer-status-real{color:var(--gold)!important;font-weight:700}
.offer-bulk-actions{display:flex;gap:10px;flex-wrap:wrap}
.offer-bulk-actions .btn{min-height:44px}
.offer-safety-note{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.offer-discount-badge{display:inline-flex;align-items:center;padding:4px 8px;border:1px solid var(--gold);border-radius:99px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.05em}

/* Review details must follow the selected theme, not retain dark-only text. */
.review-grid>article,.review-detail-card{min-width:0;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text)}
.review-detail-card>p{margin:10px 0;color:var(--text);font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.review-detail-meta{color:var(--muted)}
.review-detail-meta>strong{color:var(--text)}
:root[data-theme="light"] .review-grid>article,:root[data-theme="light"] .review-detail-card{background:#fffaf2;color:#2b1b10;border-color:rgba(112,70,29,.2)}
:root[data-theme="light"] .review-detail-card>p{color:#3b2b1c}
:root[data-theme="light"] .review-detail-meta{color:#6f5e4c}
:root[data-theme="light"] .review-detail-meta>strong{color:#2b1b10}
:root[data-theme="light"] .review-detail-meta b{color:#805016}
:root[data-theme="light"] .review-origin{color:#805016!important;border-color:rgba(112,70,29,.22)}

@media(max-width:900px){
 .collection-toolbar-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .collection-toolbar-main .search-field{grid-column:1/-1}
 .collection-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
 .offer-filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
 .header-search-suggestions{left:-8px;right:-8px;max-height:55vh}
 .header-search-suggestion{grid-template-columns:76px minmax(0,1fr);padding:9px}
 .collection-toolbar-main{grid-template-columns:minmax(0,1fr)}
 .collection-toolbar-main .search-field{grid-column:auto}
 .collection-toolbar-main>select,.collection-main-apply{width:100%}
 .collection-filter-panel{grid-template-columns:minmax(0,1fr);padding:11px;gap:10px}
 .collection-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 .collection-filter-actions{display:grid;grid-template-columns:1fr}
 .collection-filter-actions .btn{width:100%}
 .offer-manager-intro{align-items:flex-start;padding:16px}
 .offer-manager-icon{width:42px;height:42px;flex-basis:42px}
 .offer-manager-card{padding:14px;gap:14px}
 .offer-filter-form{grid-template-columns:minmax(0,1fr)}
 .offer-filter-actions{grid-column:auto}
 .offer-mode-grid{grid-template-columns:minmax(0,1fr)}
 .offer-percent-field{max-width:none}
 .offer-selection-heading{align-items:flex-start;flex-direction:column}
 .offer-product-row{grid-template-columns:17px minmax(0,1fr);gap:9px;padding:10px}
 .offer-product-price{grid-column:2;display:flex;justify-content:flex-start;align-items:center;gap:8px}
 .offer-bulk-actions{display:grid;grid-template-columns:1fr}
 .offer-bulk-actions .btn{width:100%}
 .review-grid>article,.review-detail-card{padding:16px}
}


/* Collection toolbar structural fix (paired with index.php markup):
   keep hidden page input inside the controls row and the filter drawer
   as a full-width sibling row. */
.shop-toolbar.collection-toolbar{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}
.collection-toolbar > .collection-toolbar-main{
  display:grid !important;
  grid-template-columns:minmax(0,1.55fr) minmax(150px,.82fr) minmax(150px,.82fr) minmax(100px,auto) !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
}
.collection-toolbar-main > input[type="hidden"]{display:none !important}
.collection-toolbar > .collection-filter-box{
  display:block !important;
  position:relative !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  grid-column:auto !important;
  align-self:stretch !important;
}
.collection-filter-panel{
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important;
  align-items:start !important;
  gap:14px !important;
  width:100% !important;
  box-sizing:border-box !important;
}
.collection-filter-group,
.collection-filter-options,
.collection-filter-options label{min-width:0 !important;max-width:100% !important;box-sizing:border-box !important}
.collection-filter-options label{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.35 !important;
}
.collection-filter-options label input[type="checkbox"]{
  flex:0 0 17px !important;
  width:17px !important;
  height:17px !important;
  margin:0 !important;
}
.collection-price-fields{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
}
.collection-price-fields label{min-width:0 !important}
.collection-price-fields input{width:100% !important;min-width:0 !important;box-sizing:border-box !important}
@media(max-width:980px){
  .collection-toolbar > .collection-toolbar-main{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .collection-toolbar-main .search-field,
  .collection-toolbar-main .collection-main-apply{grid-column:1/-1 !important}
}
@media(max-width:620px){
  .collection-toolbar > .collection-toolbar-main{grid-template-columns:minmax(0,1fr) !important}
  .collection-toolbar-main .search-field,
  .collection-toolbar-main .collection-main-apply{grid-column:auto !important}
  .collection-toolbar-main > select,
  .collection-toolbar-main .collection-main-apply{width:100% !important}
  .collection-filter-panel{grid-template-columns:minmax(0,1fr) !important;padding:12px !important;gap:10px !important}
  .collection-filter-options{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
}
@media(max-width:360px){
  .collection-filter-options{grid-template-columns:minmax(0,1fr) !important}
}


/* ROOH custom-stitching measurement guide: compact card in the right column */
.custom-process-side{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:24px;
  min-width:0;
}
.measurement-guide-inline{
  min-width:0;
  margin:0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:20px;
  background:var(--surface);
}
.measurement-guide-intro{
  max-width:100%;
  margin:0 0 15px;
  text-align:left;
}
.measurement-guide-intro .eyebrow{margin:0 0 7px}
.measurement-guide-intro h2{
  margin:0 0 8px;
  color:var(--text);
  font-family:var(--serif);
  font-size:clamp(22px,2vw,29px);
  font-weight:400;
  line-height:1.15;
}
.measurement-guide-intro h2 em{color:var(--gold);font-weight:400}
.measurement-guide-intro>p:last-child{
  max-width:100%;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.65;
}
.measurement-guide-artwork{width:100%;max-width:100%;margin:0 auto}
.measurement-guide-open{display:block;cursor:zoom-in}
.measurement-guide-image{
  display:block;
  width:100%;
  height:auto;
  border:1px solid var(--line);
  border-radius:12px;
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}
:root[data-theme="dark"] .measurement-guide-open.measurement-guide-light{display:none}
:root[data-theme="light"] .measurement-guide-open.measurement-guide-dark{display:none}
:root[data-theme="light"] .measurement-guide-inline{background:var(--surface)}
@media(max-width:800px){
  .custom-process-side{gap:20px}
  .measurement-guide-inline{padding:18px}
  .measurement-guide-intro h2{font-size:clamp(24px,6vw,34px)}
  .measurement-guide-image{border-radius:10px}
}


/* Database-backed customer and admin notification centre. */
.notification-center,.account-notifications{margin:24px auto;max-width:var(--max,1280px);}
.notification-list{display:grid;gap:10px;margin-top:18px;}
.notification-item{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid var(--line,rgba(216,182,106,.2));border-radius:14px;background:var(--panel,rgba(255,255,255,.025));}
.notification-item.is-unread{border-color:rgba(216,182,106,.7);background:rgba(216,182,106,.07);}
.notification-copy{min-width:0;display:grid;gap:5px;}
.notification-copy b{color:var(--text,#f1eee6);}
.notification-copy p{margin:0;color:var(--muted,#a7a092);overflow-wrap:anywhere;}
.notification-copy small{color:var(--muted,#a7a092);font-size:.78rem;}
.notification-copy a,.notification-actions button{font-size:.82rem;}
.notification-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.notification-actions form{margin:0;}
.notification-actions button,.notification-read-all button{background:none;border:0;padding:4px;cursor:pointer;}
.notification-read-all{margin-top:12px;text-align:right;}
@media(max-width:620px){.notification-item{display:grid;gap:10px;padding:13px}.notification-actions{justify-content:flex-end}.account-notifications{padding-left:14px;padding-right:14px}}

/* Non-blocking PWA update prompt. */
.rooh-pwa-update{position:fixed;z-index:9999;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:14px;max-width:min(92vw,560px);padding:12px 14px 12px 18px;border:1px solid var(--gold, #d8b66a);border-radius:14px;background:var(--panel, #171512);color:var(--text, #f1eee6);box-shadow:0 12px 40px rgba(0,0,0,.28);font-size:13px}
.rooh-pwa-update button{border:1px solid var(--gold, #d8b66a);border-radius:9px;padding:8px 12px;background:var(--gold, #d8b66a);color:#17120a;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.rooh-pwa-update button.dismiss{border:0;background:transparent;color:inherit;font-size:21px;padding:3px 7px}
@media(max-width:480px){.rooh-pwa-update{width:calc(100vw - 28px);gap:9px;padding:10px 11px;font-size:12px}.rooh-pwa-update button{padding:7px 9px}}