/* Dirani Group V3.9 — final visual system pass */
:root{--dg-accent:#1ab81f;--dg-accent-2:#109215;--dg-text:#13221a;--dg-sub:#6c7971;--dg-border:#e3e9e5}
body{color:var(--dg-text)}
/* Consistent page hero/title rhythm */
.page-hero,.inner-hero,.catalog-hero{padding-top:clamp(42px,7vw,88px);padding-bottom:clamp(34px,5vw,68px)}
.page-hero h1,.inner-hero h1,.catalog-hero h1{font-size:clamp(34px,5vw,68px);line-height:.98;letter-spacing:-.055em}
.page-hero p,.inner-hero p,.catalog-hero p{max-width:720px;color:var(--dg-sub)}
/* buttons */
.btn,.button,button{font-weight:750;letter-spacing:-.01em}
.btn:not(.primary):hover,.button:not(.primary):hover{border-color:#b9c8bd;background:#f8fbf9}
/* product cards: cleaner commercial layout */
.product-grid{align-items:stretch}
.product-card{display:flex;flex-direction:column;height:100%;border-radius:18px!important}
.product-card .product-body,.product-card .card-body{display:flex;flex-direction:column;flex:1}
.product-card .product-actions,.product-card .actions{margin-top:auto}
.product-card h3,.product-card .product-title{font-size:clamp(16px,1.35vw,20px)}
.product-card .badge,.product-card .pill{border-radius:999px}
/* product page */
.product-specs,.spec-grid{gap:10px}
.product-specs>* ,.spec-grid>*{border-radius:13px!important}
.product-tabs,.detail-tabs{border-bottom:1px solid var(--dg-border);gap:4px}
.product-tabs button,.detail-tabs button{border-radius:10px 10px 0 0}
.product-tabs button.active,.detail-tabs button.active{color:#0e8613;border-bottom-color:var(--dg-accent)}
/* quote */
.quote-item,.quote-row{border-radius:15px;border:1px solid var(--dg-border);background:#fff}
.quote-summary{border-radius:18px}
/* shipping summary readability */
.shipping-summary,.shipment-summary{border-radius:18px!important}
.shipping-summary .metric,.shipment-summary .metric{padding:11px;border-radius:12px;background:rgba(255,255,255,.72)}
/* dashboard hierarchy */
.dashboard-shell .page-head,.admin-shell .page-head{margin-bottom:18px}
.dashboard-shell .page-head p,.admin-shell .page-head p{font-size:13px;color:#718078}
.dashboard-shell .kpi-card strong,.admin-shell .kpi-card strong,
.dashboard-shell .stat-card strong,.admin-shell .stat-card strong{font-size:clamp(22px,2vw,30px);letter-spacing:-.035em}
.dashboard-shell table,.admin-shell table{background:#fff}
.dashboard-shell thead th,.admin-shell thead th{background:#f6f9f7;position:sticky;top:0;z-index:2}
.dashboard-shell .sidebar a,.admin-shell .sidebar a,.admin-sidebar a{border-radius:9px}
.dashboard-shell .sidebar a:hover,.admin-shell .sidebar a:hover,.admin-sidebar a:hover{background:#eef8ef;color:#0f8514}
/* small status system */
.status,.badge.status{font-size:11px;font-weight:800;border-radius:999px;padding:5px 9px}
/* RTL */
html[dir=rtl] .page-hero h1,html[dir=rtl] .inner-hero h1,html[dir=rtl] .catalog-hero h1{letter-spacing:0;line-height:1.25}
html[dir=rtl] .product-card .product-actions,html[dir=rtl] .product-card .actions{direction:rtl}
@media(max-width:680px){
 .page-hero,.inner-hero,.catalog-hero{padding-top:30px;padding-bottom:28px}
 .page-hero h1,.inner-hero h1,.catalog-hero h1{font-size:36px}
 .product-grid{gap:12px!important}
 .dashboard-shell .kpi-grid,.admin-shell .kpi-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}