/* Dirani Group — Full UI Redesign 2026
   New visual language: Cedar green / mineral black / warm ivory / Lebanese red
   Loaded AFTER style.css so all functionality remains intact. */
:root{
  --dg-ink:#111713;--dg-ink2:#1b2420;--dg-green:#173c2d;--dg-green2:#245740;
  --dg-mint:#dbe5d9;--dg-ivory:#f4f0e7;--dg-paper:#fbfaf7;--dg-red:#1ab81f;
  --dg-line:rgba(17,23,19,.11);--dg-soft:rgba(23,60,45,.07);--dg-shadow:0 24px 70px rgba(18,33,25,.11);
  --dg-radius:26px;--dg-radius-sm:16px;
}
*{scrollbar-width:thin;scrollbar-color:#809588 #edf0eb}
::selection{background:#173c2d;color:white}
body{background:var(--dg-paper);color:var(--dg-ink);letter-spacing:-.01em}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 5% 10%,rgba(36,87,64,.06),transparent 24%),radial-gradient(circle at 95% 80%,rgba(26,184,31,.045),transparent 24%)}
img{max-width:100%}

/* ---------- Header / navigation ---------- */
.site-header,.portal-header{height:76px!important;padding:0 clamp(20px,4vw,64px)!important;border-bottom:1px solid rgba(255,255,255,.1);transition:.35s cubic-bezier(.2,.8,.2,1)!important}
.site-header.scrolled,.portal-header{background:rgba(17,23,19,.93)!important;backdrop-filter:blur(18px) saturate(130%);box-shadow:0 10px 35px rgba(0,0,0,.12)!important}
.site-header .brand,.portal-header .brand{gap:11px}
.brand-mark{width:42px!important;height:42px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));font-size:12px;letter-spacing:.04em;box-shadow:inset 0 1px rgba(255,255,255,.16)}
.brand b{font-size:13px!important;letter-spacing:.22em!important}.brand small{font-size:7px!important;letter-spacing:.23em!important}
.nav{gap:24px!important;align-items:center}.nav>a,.nav-products>a{font-size:12px!important;font-weight:700;letter-spacing:.02em;position:relative;padding:28px 0}.nav>a:after,.nav-products>a:after{content:"";height:2px;background:#fff;position:absolute;left:0;right:100%;bottom:18px;transition:.25s}.nav>a:hover:after,.nav>a.active:after,.nav-products:hover>a:after{right:0}.header-actions{gap:8px!important}.header-login,.quote,.lang{border-radius:12px!important;padding:10px 13px!important}.header-login{font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.16)}.quote{background:#fff;color:var(--dg-ink)!important;border-color:#fff!important;font-weight:800}.lang{border:1px solid rgba(255,255,255,.16)!important}
.mega-menu{border-radius:0 0 24px 24px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(17,23,19,.97)!important;box-shadow:0 28px 65px rgba(0,0,0,.28)!important;backdrop-filter:blur(24px)!important}.mega-grid a{border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.06)!important}.mega-grid a:hover{background:rgba(255,255,255,.09)!important;transform:translateY(-2px)}

/* ---------- Public home ---------- */
.hero{min-height:880px!important;padding:168px clamp(24px,7vw,110px) 120px!important;background:linear-gradient(115deg,#0c1712 0%,#12281e 50%,#1d4935 100%)!important;grid-template-columns:1.05fr .95fr!important;isolation:isolate}
.hero:after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-150px;top:120px;background:radial-gradient(circle,rgba(244,240,231,.12),rgba(244,240,231,0) 68%);z-index:0}.hero-noise{opacity:.055!important}.hero-orb{border-color:rgba(255,255,255,.055)!important}.hero-kicker span{background:var(--dg-red)!important}.eyebrow{color:#cfe0d4!important;font-size:9px!important;letter-spacing:.24em!important}.eyebrow.dark{color:#587061!important}
.hero h1{font-family:Manrope,Arial,sans-serif!important;font-size:clamp(56px,6.4vw,102px)!important;font-weight:600!important;letter-spacing:-.07em!important;max-width:980px}.hero h1 em{font-family:Playfair Display,serif!important;color:#f0eadc!important;font-weight:600!important}.hero-copy p{font-size:16px!important;max-width:575px!important;color:#b9c9bf!important}.hero-cta .btn{min-width:145px;justify-content:center}
.btn{border-radius:12px!important;padding:13px 18px!important;letter-spacing:.01em;box-shadow:none}.btn.primary{background:var(--dg-red)!important;color:white!important}.btn.primary:hover{background:#159619!important}.btn.ghost{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.04)}.btn.outline{border:1px solid var(--dg-line)!important;background:#fff!important;color:var(--dg-ink)!important}.btn.light{background:#fff!important;color:var(--dg-ink)!important}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(14,31,22,.12)}
.hero-visual{display:grid;place-items:center}.real-product.hero-product{position:relative!important;width:min(430px,92%)!important;height:560px!important;display:grid!important;place-items:center!important}.real-product.hero-product img{max-height:500px!important;filter:drop-shadow(0 44px 40px rgba(0,0,0,.38));animation:dgFloat 5.5s ease-in-out infinite}.product-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 80px rgba(255,255,255,.035)}@keyframes dgFloat{50%{transform:translateY(-15px) rotate(.8deg)}}.floating-tag{left:-15px!important;bottom:40px!important;border-radius:15px!important;background:rgba(244,240,231,.95)!important;color:var(--dg-ink)!important;box-shadow:var(--dg-shadow)!important}.seal{border-radius:16px!important;width:105px!important;height:105px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.13)!important}.seal strong{font-family:Manrope!important;font-size:25px!important}.leaf{display:none}.hero-stats{height:94px!important}.hero-stats div{padding-left:22px!important}.hero-stats strong{font-size:22px!important}.hero-stats span{font-size:8px!important}
.trust-row{background:#fff!important;border-bottom:1px solid var(--dg-line)!important}.trust-row div{border-color:var(--dg-line)!important}.marquee{background:var(--dg-red)!important;color:#fff!important;padding:12px 0!important}
.home-category-slider,.section{padding-left:clamp(24px,7vw,110px)!important;padding-right:clamp(24px,7vw,110px)!important}.home-category-slider{padding-top:105px!important;padding-bottom:100px!important;background:var(--dg-paper)!important}.slider-heading h2,.section-head h2,.intro h2,.factory-copy h2,.export-band h2,.cta-section h2{font-family:Manrope,Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.055em!important}.slider-heading h2{font-size:clamp(40px,4.8vw,70px)!important}.slider-controls button{width:46px!important;height:46px!important;border-radius:14px!important;border:1px solid var(--dg-line)!important;background:#fff!important}.category-slider{gap:16px!important}.slide-card{min-width:325px!important;border-radius:24px!important;border:1px solid var(--dg-line)!important;background:#fff!important;box-shadow:none!important;min-height:375px!important;padding:26px!important;transition:.35s cubic-bezier(.2,.8,.2,1)!important}.slide-card:hover{transform:translateY(-8px)!important;box-shadow:var(--dg-shadow)!important}.slide-card>span{width:72px;height:72px;border-radius:20px;background:var(--dg-soft);display:grid;place-items:center;font-size:34px!important}.slide-card h3{font-family:Manrope!important;font-size:30px!important;letter-spacing:-.04em}.slide-card p{font-size:13px!important;line-height:1.7!important}.slider-progress{background:#e7e9e5!important;height:3px!important}.slider-progress i{background:var(--dg-red)!important}
.intro{padding-top:120px!important;padding-bottom:120px!important;background:#fff}.intro h2{font-size:clamp(43px,5vw,72px)!important}.intro-copy{border-left:1px solid var(--dg-line);padding-left:42px!important}.rtl .intro-copy{border-left:0;border-right:1px solid var(--dg-line);padding-left:0!important;padding-right:42px!important}.text-link{border:0!important;color:var(--dg-green)!important;font-weight:800!important}.text-link:after{content:"";display:inline-block;width:34px;height:1px;background:currentColor;vertical-align:middle;margin-left:9px;transition:.25s}.text-link:hover:after{width:52px}
.categories{background:var(--dg-ivory)!important}.cat-grid{gap:14px!important;background:transparent!important;border:0!important;grid-template-columns:repeat(3,1fr)!important}.cat{border-radius:22px;background:#fff!important;border:1px solid rgba(17,23,19,.09)!important;min-height:330px!important;padding:26px!important}.cat:hover{transform:translateY(-6px)!important;box-shadow:var(--dg-shadow)!important}.cat h3{font-family:Manrope!important;font-size:28px!important;letter-spacing:-.04em}.food-icon{width:78px;height:78px;border-radius:20px;background:var(--dg-soft);display:grid;place-items:center;font-size:38px!important}
.manufacturing{background:#0d1813!important;min-height:690px!important}.factory-panel{background:linear-gradient(145deg,#b7aa8f,#857660)!important}.factory-lines:after{font-family:Manrope!important;font-size:70px!important}.factory-copy{padding:110px clamp(30px,7vw,110px)!important}.factory-copy h2{font-size:clamp(44px,5vw,72px)!important}.feature-row span{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:13px}
.values{background:#fff!important}.value-grid{gap:14px;border:0!important}.value-grid article{border:1px solid var(--dg-line)!important;border-radius:20px;padding:28px!important}.value-grid h3{font-family:Manrope!important;font-size:24px!important}.value-grid b{color:var(--dg-red)!important}.brand-section{background:var(--dg-paper)!important}.brand-grid{gap:14px!important}.brand-card{border-radius:22px!important;border:1px solid var(--dg-line)!important;background:#fff!important}.brand-monogram{border-radius:16px!important;background:var(--dg-green)!important;color:#fff!important}.cert-section{background:var(--dg-green)!important}.cert-grid article{border-radius:18px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.09)!important}.gallery-art{border-radius:20px!important;overflow:hidden}.export-band{background:var(--dg-ink)!important}.world{border-radius:28px!important;background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015))!important}.portal-callout{background:var(--dg-ivory)!important;border-top:1px solid var(--dg-line);border-bottom:1px solid var(--dg-line)}.cta-section{background:var(--dg-red)!important}.cta-section .eyebrow{color:#ffe4df!important}footer{background:#0a100d!important}

/* ---------- Inner public pages ---------- */
.inner-hero{background:linear-gradient(120deg,#0c1712,#173c2d)!important;padding:160px clamp(24px,7vw,110px) 82px!important;min-height:390px!important;position:relative;overflow:hidden}.inner-hero:after{content:"";position:absolute;right:-100px;bottom:-220px;width:560px;height:560px;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.015)}.inner-hero h1{font-family:Manrope!important;font-weight:600!important;letter-spacing:-.065em!important}.inner-hero p{font-size:15px!important}.about-body{background:#fff}.about-prose p{font-size:15px!important;line-height:1.95!important}.timeline{border-left:1px solid var(--dg-line)!important}.timeline article{border-radius:17px;background:var(--dg-paper);padding:20px!important;margin-bottom:12px!important}.products-hero{min-height:360px!important}.catalog-stats>div{border-radius:14px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.09)!important}.category-showcase{background:var(--dg-ivory)!important}.db-category-strip{gap:10px!important}.db-category-strip button,.category-strip button{border-radius:16px!important;border:1px solid var(--dg-line)!important;background:#fff!important}.product-shell{background:var(--dg-paper)!important}.filter-sticky{border-radius:22px!important;border:1px solid var(--dg-line)!important;background:#fff!important;box-shadow:0 12px 40px rgba(19,39,28,.05)!important}.search,.filter select,.filter input{border-radius:12px!important}.product-card,.db-product-card{border:1px solid var(--dg-line)!important;border-radius:22px!important;background:#fff!important;overflow:hidden!important;transition:.3s!important}.product-card:hover,.db-product-card:hover{transform:translateY(-5px)!important;box-shadow:var(--dg-shadow)!important}.product-image,.db-product-image{background:#f0f1ed!important}.product-card h3,.db-product-card h3{font-family:Manrope!important;letter-spacing:-.03em!important}.add-quote-card{color:var(--dg-red)!important}
.public-product-main{background:var(--dg-paper)!important}.v19-product-hero{background:#fff!important;border:1px solid var(--dg-line)!important;border-radius:28px!important;box-shadow:0 16px 60px rgba(18,38,27,.06)!important}.v19-main-image{background:#f1f2ee!important;border-radius:22px!important}.v19-thumbs button{border-radius:12px!important}.v19-copy h1{font-family:Manrope!important;letter-spacing:-.055em!important}.v19-keyfacts>div,.detail-tags span{border-radius:12px!important}.detail-tabs,.detail-panel,.v19-section{border-radius:22px!important}.variant-public-row:hover,.variant-public-row.selected{background:#f1f4f1!important}.variant-public-row.selected{box-shadow:inset 4px 0 0 var(--dg-red)!important}
.quote-page{padding-top:125px!important}.quote-hero h1{font-family:Manrope!important;letter-spacing:-.06em!important}.quote-panel,.calcbox{border-radius:24px!important;border:1px solid var(--dg-line)!important;background:#fff!important;box-shadow:0 18px 55px rgba(19,37,28,.055)!important}.quote-form input,.quote-form textarea,.quote-item input,.quote-item select,.fields input,.fields select{border-radius:12px!important;border-color:var(--dg-line)!important}.sc{background:var(--dg-paper)!important}

/* ---------- Authentication ---------- */
.auth-body{background:#0c1511!important}.auth-shell{min-height:100vh!important;display:grid!important;grid-template-columns:1.12fr .88fr!important}.auth-visual{background:linear-gradient(140deg,#0d1913 0,#173c2d 70%,#244c39 100%)!important;padding:56px clamp(32px,6vw,90px)!important;position:relative;overflow:hidden}.auth-visual:after{content:"";position:absolute;width:520px;height:520px;right:-240px;bottom:-180px;border-radius:50%;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 68px rgba(255,255,255,.025),0 0 0 136px rgba(255,255,255,.018)}.auth-visual h1{font-family:Manrope!important;font-weight:600!important;letter-spacing:-.07em!important;font-size:clamp(54px,6.5vw,92px)!important}.auth-visual h1 em{font-family:Playfair Display!important;color:#eee7d8!important}.auth-stat{border-radius:18px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important}.login-panel{background:var(--dg-paper)!important;display:grid!important;place-items:center!important;padding:40px!important}.login-box{width:min(440px,100%)!important;background:#fff!important;border:1px solid var(--dg-line)!important;border-radius:28px!important;padding:38px!important;box-shadow:var(--dg-shadow)!important}.login-box h2{font-family:Manrope!important;font-size:38px!important;letter-spacing:-.055em!important}.login-box input{border-radius:12px!important;border:1px solid var(--dg-line)!important;padding:14px!important;background:#fbfbf9!important}.auth-submit{width:100%;justify-content:center!important}.demo-note{border-radius:14px!important;background:#f3f5f1!important;border:1px solid var(--dg-line)!important}.auth-back{z-index:10!important}

/* ---------- Admin / Portal universal shell ---------- */
.portal-body,.workspace-body,.admin-body,.dash21-body,.cat22-body,.media23-body{background:#f3f5f1!important;color:var(--dg-ink)!important}.portal-header{position:sticky!important;top:0!important;z-index:100!important;color:#fff!important}.portal-header .admin-tabs{gap:3px!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);padding:4px;border-radius:14px}.portal-header .admin-tabs a{padding:8px 10px!important;border-radius:10px!important;font-size:10px!important}.portal-header .admin-tabs a.active,.portal-header .admin-tabs a:hover{background:#fff!important;color:var(--dg-ink)!important}.portal-user{gap:8px!important}.portal-user button,.portal-user a{border-radius:10px!important}.portal-main,.admin-main,.dash21-main,.cat22-main,.media23-main,.ship-main,.sq-main,.om{max-width:1560px!important;margin:0 auto!important;padding-left:28px!important;padding-right:28px!important}
.portal-title h1,.admin-intro h1,.dash21-hero h1,.cat22-hero h1,.media23-hero h1,.ship-hero h1,.sq-main>h1,.om>h1{font-family:Manrope!important;font-weight:650!important;letter-spacing:-.06em!important}.access-count,.dash21-stats>div,.cat22-stats>div,.media23-summary>div{border-radius:16px!important;border:1px solid var(--dg-line)!important;background:#fff!important;box-shadow:none!important}.portal-toolbar,.cat22-toolbar,.media23-toolbar{border:1px solid var(--dg-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important}.portal-toolbar input,.portal-toolbar select,.cat22-toolbar input,.cat22-toolbar select,.media23-toolbar input,.media23-toolbar select{border-radius:11px!important;border-color:var(--dg-line)!important;background:#fafbf8!important}.portal-brand-grid{gap:14px!important}.portal-brand-card{border-radius:22px!important;border:1px solid var(--dg-line)!important;background:#fff!important;transition:.28s!important}.portal-brand-card:hover{transform:translateY(-5px)!important;box-shadow:var(--dg-shadow)!important}.brand-avatar{border-radius:16px!important;background:var(--dg-green)!important;color:#fff!important}.module-pills span{border-radius:8px!important}

/* Admin cards & forms */
.permission-layout,.brand-manager-layout{gap:16px!important}.user-list-panel,.permission-panel,.brand-manager-list,.brand-editor,.dash21-panel,.ship-panel,.sq-panel,.panel,.cat22-table-wrap,.media23-side{border:1px solid var(--dg-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:none!important}.panel-head,.dash21-panel-head,.builder-head{border-color:var(--dg-line)!important}.user-row,.brand-manager-row{border-radius:12px!important;margin:5px!important}.user-row.active,.brand-manager-row.active{background:var(--dg-green)!important;color:#fff!important}.user-fields input,.user-fields select,.brand-fields input,.brand-fields select,.brand-fields textarea,.sq-fields input,.sq-fields select,.sq-fields textarea,.fields input,.fields select,.fields textarea{border-radius:11px!important;border:1px solid var(--dg-line)!important;background:#fafbf9!important}.permission-badge,.mini-btn{border-radius:9px!important}.mini-btn{border:1px solid var(--dg-line)!important;background:#fff!important}.mini-btn:hover{background:var(--dg-green)!important;color:#fff!important}.brand-check-grid label,.module-permission-block{border-radius:12px!important}

/* Dashboard */
.dash21-hero{padding-top:42px!important}.dash21-stats{gap:12px!important}.dash21-stats>div{padding:18px!important}.dash21-stats strong{font-size:32px!important;letter-spacing:-.04em}.dash21-grid{gap:14px!important}.dash21-panel{padding:20px!important}.dash21-panel.span2{background:linear-gradient(145deg,#fff,#f6f8f5)!important}.quality-row,.recent-row{border-radius:12px!important}.quality-row:hover,.recent-row:hover{background:#f3f5f1!important}

/* Workspace */
.workspace-shell{background:#f3f5f1!important}.workspace-side{background:#111a15!important;color:#fff!important;border-right:1px solid rgba(255,255,255,.07)!important}.workspace-brand-card{border-radius:18px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}.workspace-logo{border-radius:14px!important}.workspace-nav button{border-radius:11px!important}.workspace-nav button.active,.workspace-nav button:hover{background:#fff!important;color:var(--dg-ink)!important}.workspace-main{padding:32px!important}.workspace-hero{border-radius:26px!important;background:linear-gradient(135deg,#fff,#f5f7f3)!important;border:1px solid var(--dg-line)!important}.workspace-stat-grid>div,.module-card,.catalog-card{border-radius:18px!important;border:1px solid var(--dg-line)!important;background:#fff!important}.workspace-ring{background:conic-gradient(var(--dg-red) var(--ring,70%),#e7eae5 0)!important}

/* Catalogue Center */
.cat22-table-wrap{overflow:hidden!important}.cat22-table th{background:#f0f3ef!important;color:#68756d!important;font-size:9px!important;letter-spacing:.08em;text-transform:uppercase}.cat22-table tr:hover td{background:#fafbf9!important}.cat22-table img{border-radius:10px!important}.cat22-bulk{border-radius:16px!important;background:#fff!important;border:1px solid var(--dg-line)!important}.catalog-modal{backdrop-filter:blur(12px)!important}.catalog-dialog{border-radius:26px!important;box-shadow:0 35px 100px rgba(0,0,0,.25)!important}.catalog-dialog input,.catalog-dialog select,.catalog-dialog textarea{border-radius:11px!important}

/* Media Library */
.media23-drop{border-radius:20px!important;background:#edf2ed!important;border:1px dashed #8ea195!important}.media23-drop.over{background:#dfe9df!important}.media23-grid{gap:12px!important}.media23-card{border-radius:18px!important;border:1px solid var(--dg-line)!important}.media23-card:hover{box-shadow:var(--dg-shadow)!important}.media23-thumb{background:#f0f2ee!important}.media23-detail,.media23-preview{border-radius:18px!important}

/* Shipping / Quotes / Orders */
.equip-card,.load-map,.container-box,.sq-list,.olist,.kpi,.score{border-radius:18px!important;border:1px solid var(--dg-line)!important;background:#fff!important}.equip-card.active{border-color:var(--dg-red)!important;box-shadow:inset 0 0 0 1px var(--dg-red)!important}.ship-table th,.sq-table th,.order-table th{background:#f0f3ef!important}.ship-table tr:hover,.sq-list>button:hover,.olist>button:hover{background:#f8faf7!important}.sq-actions button.primary,.actions button.primary{background:var(--dg-red)!important;border-color:var(--dg-red)!important;color:#fff!important}.kpi strong{color:var(--dg-green)!important}.score{background:linear-gradient(145deg,#fff,#f4f7f3)!important}

/* V2.4 Gallery */
.gallery-edit-item{border-radius:18px!important;border:1px solid var(--dg-line)!important}.gallery-edit-item.cover{border-color:var(--dg-red)!important;box-shadow:0 10px 34px rgba(26,184,31,.12)!important}.gallery-image-frame{border-radius:13px!important;background:#f1f2ef!important}.crop-stage,.crop-frame{border-radius:18px!important}

/* Motion */
.reveal{transform:translateY(34px) scale(.985)!important;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)!important}.reveal.show{transform:none!important}.portal-brand-card,.product-card,.db-product-card,.cat,.slide-card,.brand-card,.value-grid article{will-change:transform}
@keyframes dgFadeUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.portal-main>*:not(.portal-header),.admin-main>*:not(.portal-header),.dash21-main>*{animation:dgFadeUp .45s both}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .hero{grid-template-columns:1fr!important;padding-top:140px!important}.hero-visual{min-height:460px}.hero-stats{position:relative!important;left:auto!important;right:auto!important;margin-top:20px!important;grid-column:1/-1!important}.cat-grid{grid-template-columns:repeat(2,1fr)!important}.value-grid{grid-template-columns:repeat(2,1fr)!important}.auth-shell{grid-template-columns:1fr!important}.auth-visual{min-height:52vh}.login-panel{padding:48px 24px!important}.portal-header .admin-tabs{max-width:48vw;overflow:auto;white-space:nowrap}.media23-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  .site-header,.portal-header{height:68px!important;padding:0 17px!important}.site-header .brand b,.portal-header .brand b{font-size:11px!important}.site-header .brand small,.portal-header .brand small{display:none}.brand-mark{width:38px!important;height:38px!important;border-radius:12px!important}.header-login{display:none}.hero{min-height:auto!important;padding:125px 20px 55px!important}.hero h1{font-size:52px!important}.hero-copy p{font-size:14px!important}.hero-visual{min-height:410px}.real-product.hero-product{height:430px!important}.real-product.hero-product img{max-height:385px!important}.floating-tag{left:0!important;bottom:10px!important}.hero-stats{grid-template-columns:repeat(2,1fr)!important;height:auto!important}.hero-stats div{padding:15px!important;border-bottom:1px solid rgba(255,255,255,.1)}.home-category-slider,.section{padding-left:20px!important;padding-right:20px!important}.slide-card{min-width:82vw!important}.cat-grid,.value-grid{grid-template-columns:1fr!important}.intro{grid-template-columns:1fr!important}.intro-copy{padding-left:0!important;border-left:0!important}.manufacturing{grid-template-columns:1fr!important}.factory-panel{min-height:420px!important}.brand-grid{grid-template-columns:1fr!important}.inner-hero{padding:125px 20px 65px!important}.inner-hero h1{font-size:52px!important}.quote-page{padding-left:15px!important;padding-right:15px!important}.quote-two{grid-template-columns:1fr!important}.portal-header .admin-tabs{display:none}.portal-main,.admin-main,.dash21-main,.cat22-main,.media23-main,.ship-main,.sq-main,.om{padding-left:15px!important;padding-right:15px!important}.permission-layout,.brand-manager-layout{grid-template-columns:1fr!important}.workspace-side{display:none!important}.workspace-main{padding:18px!important}.dash21-grid{grid-template-columns:1fr!important}.dash21-panel.span2{grid-column:auto!important}.cat22-table-wrap{overflow:auto!important}.media23-grid{grid-template-columns:repeat(2,1fr)!important}.auth-visual{padding:38px 24px!important}.auth-visual h1{font-size:52px!important}.login-box{padding:26px!important}
}


/* ===== V3.2 HEADER / FOOTER / GREEN ACCENT FIX ===== */
:root{--dg-red:#1ab81f!important;--dg-accent:#1ab81f!important}
.site-header{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:rgba(11,31,20,.94)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(255,255,255,.09)!important}
.site-header .nav{display:flex!important;align-items:center!important}
.site-header .nav>a,.site-header .nav-products>a{color:#fff!important}
.site-header .nav>a.active,.site-header .nav-products>a.active{color:#fff!important;box-shadow:inset 0 -2px 0 #1ab81f!important}
.site-header .quote{background:#1ab81f!important;border-color:#1ab81f!important;color:#fff!important}
.site-header .quote:hover{background:#159619!important}
.site-header .header-login:hover{background:#1ab81f!important;border-color:#1ab81f!important;color:#fff!important}
.site-footer,footer{display:grid!important;visibility:visible!important;opacity:1!important;background:#09130d!important;border-top:3px solid #1ab81f!important;color:#fff!important}
.site-footer .footer-links a:hover,footer .footer-links a:hover{color:#1ab81f!important}
.btn.primary,.sq-actions button.primary,.actions button.primary{background:#1ab81f!important;border-color:#1ab81f!important;color:#fff!important}
.btn.primary:hover,.sq-actions button.primary:hover,.actions button.primary:hover{background:#159619!important}
.cta-section{background:#1ab81f!important}
.slider-progress i,.hero-progress i{background:#1ab81f!important}
.value-grid b,.add-quote-card{color:#1ab81f!important}
.variant-public-row.selected{box-shadow:inset 4px 0 0 #1ab81f!important}
.equip-card.active,.gallery-edit-item.cover{border-color:#1ab81f!important}
.workspace-ring{background:conic-gradient(#1ab81f var(--ring,70%),#e7eae5 0)!important}
@media(max-width:760px){.site-header .nav{display:none!important}.site-header .nav.open{display:flex!important;position:absolute!important;top:68px!important;left:12px!important;right:12px!important;background:#102319!important;padding:18px!important;border-radius:18px!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;box-shadow:0 25px 60px rgba(0,0,0,.25)!important}.site-header .nav.open>a,.site-header .nav.open .nav-products>a{padding:11px 12px!important;border-radius:10px!important}.site-header .nav-products .mega-menu{display:none!important}.site-header .menu{display:block!important}}