/* Mabruk: accents and consistent controls */
:root{--brand-teal:#685225;--brand-gold:#b5822e}
body{background:#faf8f2}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e7e2d9}
.eyebrow{color:#796027}
.button{background:#5f4a21;color:#fff;box-shadow:0 6px 18px #5f4a2120;transition:background .2s,box-shadow .2s}
.button:hover{background:#493919;box-shadow:0 9px 24px #5f4a2130}
.kpi,.panel,.account-card,.product-card{border-color:#e6e3dc}
.kpi{background:linear-gradient(135deg,#fff 35%,#f8f4ed)}
.kpi strong{color:#5f4a21}
.hero-backdrop.graphite{background:radial-gradient(ellipse at 85% 35%,#7d5f23 0%,transparent 52%),linear-gradient(115deg,#172e36,#4a3d24 58%,#6b5a37)}
.hero-backdrop.silver{background:radial-gradient(ellipse at 85% 30%,#e5cfa4 0%,transparent 60%),linear-gradient(115deg,#fffef8,#f6f2e9 55%,#e3d9c4)}
.hero-backdrop.champagne{background:radial-gradient(ellipse at 80% 25%,#f5d17e 0%,transparent 55%),linear-gradient(115deg,#fff9e9,#f6e1ae 60%,#dfb96a)}
.hero-backdrop{transition:opacity 1.15s ease,transform 6s ease;transform:scale(1.05)}
.hero-backdrop.is-active{transform:scale(1)}
.hero-backdrop::before{animation:mabruk-facets 12s ease-in-out infinite alternate}
@keyframes mabruk-facets{from{transform:translateX(-1.5%) scale(1.03);opacity:.4}to{transform:translateX(1.5%) scale(1.07);opacity:.75}}
.hero-wave .wave-back{fill:#d0ad6190}
.hero[data-slide-tone="light"] .hero-button{background:#5f4a21;color:#fff}
.hero h1,.hero p,.hero-trust{transition:color .5s}
.how-it-works,.steps-strip{background:linear-gradient(110deg,#fff,#f8f5ee)}
.brand-emblem::after,.account-brand::after,.document-brand::after{content:"";position:absolute;right:1%;top:8%;width:30px;height:30px;pointer-events:none;background:#fff;clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%);filter:drop-shadow(0 0 7px #fff);animation:mabruk-glint 3.3s ease-in-out infinite}
.account-brand,.document-brand{position:relative;display:inline-block}
.account-brand::after{width:52px;height:52px;right:12%;top:9%}
.document-brand::after{width:30px;height:30px}
.brand-emblem::after{width:32px;height:32px}
.subcategory-edit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:15px;background:#f7f4ee;border-radius:16px;margin:12px 0}
.select2-container{max-width:100%;font:inherit}
.select2-container--default .select2-selection--single{height:46px;border:1px solid #dfdbd4;border-radius:12px;background:#fff;display:flex;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 38px 0 13px;line-height:44px;color:#3b3730;overflow:hidden;text-overflow:ellipsis}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:10px}
.select2-container--default.select2-container--focus .select2-selection--single,.select2-container--open .select2-selection--single{border-color:#685225;box-shadow:0 0 0 3px #68522518}
.select2-dropdown{border:1px solid #ddd6c8;border-radius:12px;overflow:hidden;box-shadow:0 12px 34px #3b301920;z-index:10000}
.select2-search--dropdown .select2-search__field{border:1px solid #ddd6c8!important;border-radius:8px;min-height:38px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:#5f4a21;color:#fff}
.select2-results__option{padding:10px 13px}
.select2-container--default .select2-selection--multiple{min-height:46px;border:1px solid #dfdbd4;border-radius:12px}
.select2-container--default.select2-container--disabled .select2-selection--single{background:#f3f2ef;opacity:.8}
dialog{padding-bottom:28px;overscroll-behavior:contain}
@media(min-width:768px){dialog,dialog #modal-content{scrollbar-width:none}dialog::-webkit-scrollbar,dialog #modal-content::-webkit-scrollbar{display:none;width:0;height:0}}
@media(max-width:600px){.subcategory-edit-list{grid-template-columns:1fr}.select2-container{min-width:0}}
@media(prefers-reduced-motion:reduce){.hero-backdrop,.hero-backdrop::before,.brand-emblem::after,.account-brand::after,.document-brand::after{animation:none;transition:none;transform:none}}
@media print{.brand-emblem::after,.account-brand::after,.document-brand::after{display:none}}

.select-field{min-width:0;display:flex;flex-direction:column;gap:7px}.select-field>label{margin:0}.select-field>.select2{width:100%!important}

/* Preserve the image editor's square frame without tint or clipping. */
.product-card .product-image{height:auto;aspect-ratio:1;background:#fff}
.product-card .product-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none!important}
.product-stock{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;padding:9px 11px;margin-bottom:12px;border-radius:10px;font-size:11px}
.product-stock strong{font-size:12px}.product-stock.in-stock{background:#f5efe4;color:#55431e;border:1px solid #ddcfb3}.product-stock.out-of-stock{background:#f7ece8;color:#914132;border:1px solid #e7c4bb}
.subcategory-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 24px;padding:12px 14px;background:#f6f3ee;border:1px solid #e6e0d5;border-radius:16px}
.subcategory-chips[hidden]{display:none}.subcategory-label{font-size:12px;font-weight:700;margin-right:6px;color:#5c4e31}.subcategory-chips .chip{padding:8px 14px;background:#fff;font-size:12px}.subcategory-chips .chip.active{background:#5f4a21;color:#fff}
.brand-emblem::after{width:14px;height:14px;filter:none}.account-brand::after{width:24px;height:24px;filter:none}.document-brand::after{width:16px;height:16px;filter:none}
.diamond-glint.one{width:24px;height:24px}.diamond-glint.two{width:20px;height:20px}.diamond-glint.three{width:23px;height:23px}.diamond-glint.four{width:34px;height:34px}.diamond-glint.five{width:26px;height:26px}
.diamond-glint::before{width:1.5px;box-shadow:none}.diamond-glint::after{height:1.5px;box-shadow:none}
@media(max-width:767px){.brand-emblem::after{width:12px;height:12px}.diamond-glint.one,.diamond-glint.three{width:18px;height:18px}.diamond-glint.two{width:16px;height:16px}.diamond-glint.four{width:26px;height:26px}.diamond-glint.five{width:20px;height:20px}.product-stock{padding:8px;font-size:10px}.product-stock strong{font-size:11px}}

/* Extend the approved turquoise identity beyond the carousel. */
@media screen{
body{background:radial-gradient(ellipse at 5% 35%,#f2ecdf66,transparent 45%),radial-gradient(ellipse at 95% 70%,#f4dfaf40,transparent 40%),#faf8f2}
.site-header{box-shadow:0 4px 25px #3e311610}
.desktop-nav a{transition:color .2s,background-color .2s}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:#59461f}
.section-heading h1,.section-heading h2{color:#3f3219}
.section-heading .eyebrow{color:#89672b;letter-spacing:.16em}
.catalog-toolbar{background:#fff;border:1px solid #e3dccd;box-shadow:0 10px 30px #49391909}
.catalog-filters{background:linear-gradient(115deg,#fff 35%,#f7f4ed);border:1px solid #e3dccd}
.aside-card,.summary-callout{background:radial-gradient(ellipse at 95% 0,#82652c 0,transparent 70%),linear-gradient(130deg,#413317,#584520);color:#f5f0e7;border:1px solid #846e42;box-shadow:0 18px 35px #3e311618}
.aside-card h3,.summary-callout h2{color:#fff}
.aside-card p,.summary-callout p,.aside-card>span{color:#e9e2d5}
.aside-card .eyebrow,.summary-callout .eyebrow{color:#ecd19c}
.aside-rule{background:#d4c5a655}
.product-card{background:#fff;border:1px solid #e7e3da;border-radius:24px;box-shadow:0 6px 20px #3b2e1507;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.product-card:focus-within{border-color:#8f7135;box-shadow:0 0 0 3px #8f713520}
.product-price{color:#5c4820}
.offer-badge{background:#f5e0b1;color:#72501d;border:1px solid #dfc17e}
.recent-badge{background:#f1e9da;color:#56431e}
.qty{border-color:#d8ceb9;background:#faf8f3}
.qty button{color:#5f4a21}
.soft-button,.chip{transition:background-color .18s,border-color .18s,box-shadow .18s}
.soft-button:hover,.chip:hover{background:#f5f1e8;border-color:#c8b796;color:#54421d}
.chip.active{background:#5f4a21;color:#fff;border-color:#5f4a21}
.button:focus-visible,.soft-button:focus-visible,.chip:focus-visible{outline:3px solid #bd9645;outline-offset:3px}
.button:not(:disabled):active,.soft-button:not(:disabled):active{transform:scale(.98)}
.admin-sidebar{background:linear-gradient(160deg,#413317,#5d4921);border:1px solid #766239;box-shadow:0 14px 35px #3e311715}
.admin-sidebar .eyebrow{color:#ead19e}
#admin-menu button{color:#ebe5da;border-radius:12px;transition:background .2s,color .2s}
#admin-menu button:hover{background:#ffffff14;color:#fff}
#admin-menu button.active{background:#f1dfb8;color:#413929;box-shadow:0 5px 14px #241c0d30}
.sidebar-note,.sidebar-note small{color:#e2dac9}.sidebar-note{border-color:#ffffff22}
.kpi{border-top:3px solid #9e8044;box-shadow:0 6px 22px #4f402108}
.kpi:nth-child(2){border-top-color:#bc9444;background:linear-gradient(130deg,#fff,#fcf4e2)}
.kpi:nth-child(3){border-top-color:#458caa;background:linear-gradient(130deg,#fff,#edf5fa)}
.kpi:nth-child(4){border-top-color:#9d8a65;background:linear-gradient(130deg,#fff,#f6f2e9)}
.data-table thead th{background:#f5f2ed;color:#524428;border-bottom:1px solid #dfd9cc}
.data-table tbody tr{transition:background-color .18s}.data-table tbody tr:hover{background:#f9f7f4}
.account-intro{background:radial-gradient(ellipse at 90% 20%,#886c34,transparent 65%),linear-gradient(145deg,#423417,#5c4923);color:#fff}
.account-intro h1{color:#fff}.account-intro p{color:#ece6da}.account-intro .eyebrow{color:#ecd19d}
.account-card{box-shadow:0 16px 45px #4b3d2110}
.site-footer{border-top:1px solid #d9d0bd;background:linear-gradient(110deg,#f6f3ed,#f8f2e6)}
dialog{border:1px solid #dcd3c1;box-shadow:0 30px 90px #2f251040}
.modal-top{border-bottom:1px solid #e9e4db;padding-bottom:14px;margin-bottom:18px}
.modal-top h2{color:#4f3e1c}
dialog::backdrop{background:#352a1366;backdrop-filter:blur(4px)}
.cart-dock{background:#423418;color:#fff;border:1px solid #816f4a;box-shadow:0 12px 40px #3d301530}
.cart-dock small{color:#e6dfd1}
.cart-dock .button{background:#eed7a4;color:#413929}
@media(hover:hover) and (pointer:fine){
.product-card:hover{transform:translateY(-4px);border-color:#c9ba9b;box-shadow:0 16px 35px #49391917}
}
@media(prefers-reduced-motion:no-preference){
dialog[open]{animation:mabruk-dialog-in .18s ease-out}
@keyframes mabruk-dialog-in{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
.product-card,.soft-button,.chip,.qty button,.button,#admin-menu button{transition:none}
.product-card:hover,.button:active,.soft-button:active{transform:none}
}
}