/* V4.2 responsive polish */
:root{--dg-green:#1ab81f;--dg-soft:#edf9ee;--dg-line:#e1e8e3}
section{scroll-margin-top:88px}
.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px;align-items:stretch}
.product-card{min-width:0;height:100%}
.product-card .product-image,.product-card .image-wrap{aspect-ratio:1.08/1;min-height:0!important;padding:18px;display:grid;place-items:center}
.product-card img{width:100%;height:100%;max-height:none!important;object-fit:contain}
.product-card .product-actions,.product-card .actions{display:grid;grid-template-columns:1fr 1fr;margin-top:auto}
.product-detail,.product-shell{gap:clamp(20px,4vw,48px)}
.spec-grid,.product-specs{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.shipment-row,.shipping-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1.35fr) minmax(150px,1fr) minmax(90px,.55fr) auto;gap:10px;align-items:end}
.shipment-row select,.shipping-row select,.shipment-row input,.shipping-row input{width:100%}
.shipping-summary .metrics,.shipment-summary .metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dashboard-shell .kpi-grid,.admin-shell .kpi-grid,.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dashboard-shell .dg-table-scroll,.admin-shell .dg-table-scroll{border-radius:12px;border:1px solid #e5ebe7}
.lang-switch,.language-switcher{border:1px solid var(--dg-line);border-radius:999px;padding:3px;background:#fff}
.lang-switch button.active,.language-switcher button.active{background:var(--dg-soft);color:#0d7d12}
@media(max-width:980px){.shipment-row,.shipping-row{grid-template-columns:1fr 1fr}.shipment-row>*:last-child,.shipping-row>*:last-child{grid-column:span 2}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-card .product-image,.product-card .image-wrap{padding:10px}.product-card .product-actions,.product-card .actions{grid-template-columns:1fr}.shipment-row,.shipping-row{grid-template-columns:1fr}.shipment-row>*:last-child,.shipping-row>*:last-child{grid-column:auto}}
@media(max-width:430px){.product-grid{grid-template-columns:1fr}.shipping-summary .metrics,.shipment-summary .metrics{grid-template-columns:1fr}}
html[dir=rtl] .shipment-row,html[dir=rtl] .shipping-row{direction:rtl}