/* DRR DAMSON — production visual unification, stage 2 / 2026-05-23 */
:root{
  --drr-bg:#071214;
  --drr-bg2:#0b1b1d;
  --drr-card:rgba(11,24,27,.82);
  --drr-card2:rgba(14,33,34,.92);
  --drr-border:rgba(73,255,205,.18);
  --drr-border-strong:rgba(213,179,106,.32);
  --drr-cyan:#28d7ff;
  --drr-mint:#31ff7a;
  --drr-teal:#00d7bd;
  --drr-gold:#d5b36a;
  --drr-gold2:#f3d88f;
  --drr-text:#f5fbf8;
  --drr-muted:#b8c8c2;
  --drr-shadow:0 18px 60px rgba(0,0,0,.38), 0 0 30px rgba(0,215,189,.07);
  --drr-radius:22px;
  --drr-container:min(1240px, calc(100% - 32px));
}
html{scroll-behavior:smooth;background:var(--drr-bg);}
body.drr-production-v2, body.drr-brand-final, body.modern-v2, body.offer-premium{
  background:
    radial-gradient(circle at 12% -10%, rgba(49,255,122,.12), transparent 34%),
    radial-gradient(circle at 85% 5%, rgba(40,215,255,.14), transparent 32%),
    linear-gradient(180deg,#071214 0%,#081516 44%,#050a0b 100%) !important;
  color:var(--drr-text) !important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  overflow-x:hidden;
}
body.drr-production-v2::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 80%);
}
a{color:var(--drr-gold2)}
a:hover{color:#fff}
.container,.dd-container,.premium-shell,.drr-container{width:var(--drr-container) !important;margin-left:auto !important;margin-right:auto !important;}
.top-bar,.dd-topbar,.site-topbar{background:rgba(5,13,14,.92)!important;border-bottom:1px solid rgba(213,179,106,.18)!important;color:var(--drr-muted)!important;min-height:34px!important;display:flex;align-items:center;}
.top-bar .container,.topbar-inner{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.86rem;}
.site-header-v2,.drr-header,.dd-top,.premium-shell-header{
  background:rgba(7,18,20,.86)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--drr-border)!important;
  box-shadow:0 12px 45px rgba(0,0,0,.22)!important;position:relative;z-index:30;
}
.header-v2-inner,.drr-header .container,.dd-top__inner{min-height:74px!important;display:flex!important;align-items:center!important;gap:18px!important;justify-content:space-between!important;}
.brand,.drr-logo,.dd-brand{display:flex!important;align-items:center!important;gap:12px!important;text-decoration:none!important;min-width:max-content;}
.brand img,.drr-logo img,.dd-brand img,.legacy-brand img{width:56px!important;height:56px!important;object-fit:contain!important;filter:drop-shadow(0 0 12px rgba(213,179,106,.22));}
.brand span,.drr-logo span,.legacy-brand-name span{letter-spacing:.08em;}
.search-container,.site-search,.dd-search{display:flex;align-items:center;max-width:430px;flex:1 1 300px;position:relative;}
.search-input,.project-search,input[type="search"]{
  background:rgba(255,255,255,.055)!important;border:1px solid rgba(73,255,205,.20)!important;color:#fff!important;border-radius:999px!important;
  min-height:40px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;outline:none!important;
}
.search-input::placeholder,.project-search::placeholder,input::placeholder,textarea::placeholder{color:rgba(232,244,240,.58)!important;}
.search-btn{border-radius:999px!important;background:linear-gradient(135deg,var(--drr-teal),var(--drr-mint))!important;color:#061012!important;border:0!important;min-width:42px!important;min-height:40px!important;}
.user-actions,.dd-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.action-item,.dd-action,.btn-shell,.btn-drr,.btn,.cta-button,.category-btn,.product-card a.btn-product{
  border-radius:999px!important;text-decoration:none!important;font-weight:800!important;letter-spacing:.01em!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
.action-item,.dd-action{background:rgba(255,255,255,.055)!important;border:1px solid rgba(213,179,106,.18)!important;color:var(--drr-text)!important;padding:10px 13px!important;}
.action-item:hover,.dd-action:hover,.btn-shell:hover,.btn-drr:hover,.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(40,215,255,.14)!important;}
.main-nav-v2,.dd-nav,.site-nav{background:rgba(6,15,16,.82)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;position:relative;z-index:22;}
.nav-v2-list,.dd-nav ul,.site-nav ul{display:flex!important;gap:8px!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;list-style:none!important;margin:0!important;padding:10px 0!important;}
.nav-v2-list a,.dd-nav a,.site-nav a{display:inline-flex!important;align-items:center;gap:7px;padding:9px 12px!important;border-radius:999px!important;color:#eaf6f2!important;text-decoration:none!important;border:1px solid transparent!important;font-size:.93rem!important;}
.nav-v2-list a:hover,.nav-v2-list a.is-active,.dd-nav a:hover,.dd-nav a.is-active,.site-nav a:hover{background:rgba(213,179,106,.11)!important;border-color:rgba(213,179,106,.26)!important;color:#fff!important;}
main,.site-main,.page-main{position:relative;z-index:1;}
.hero,.projects-hero,.category-hero,.landing-hero,.premium-hero,.offer-hero{
  border-radius:calc(var(--drr-radius) + 8px)!important;border:1px solid var(--drr-border)!important;
  background:linear-gradient(135deg,rgba(12,31,33,.92),rgba(6,17,19,.95))!important;box-shadow:var(--drr-shadow)!important;overflow:hidden;
}
.page-title,h1{color:#fff!important;line-height:1.05!important;letter-spacing:-.035em;}
h1 .accent,h2 .accent,.accent{color:var(--drr-gold2)!important;text-shadow:0 0 22px rgba(213,179,106,.16);}
h2,h3{color:#fff!important;}
p,li{color:var(--drr-muted);}
.card,.tool-card,.category-card,.project-category-card,.product-card,.service-card,.footer-col,.panel,.info-card,.seo-category-card{
  background:linear-gradient(180deg,rgba(15,34,36,.88),rgba(8,19,21,.88))!important;border:1px solid var(--drr-border)!important;
  border-radius:var(--drr-radius)!important;box-shadow:0 18px 50px rgba(0,0,0,.28)!important;overflow:hidden;
}
.card:hover,.tool-card:hover,.category-card:hover,.project-category-card:hover,.product-card:hover,.service-card:hover{border-color:rgba(213,179,106,.35)!important;transform:translateY(-2px);}
.card img,.category-card img,.project-category-card img,.product-card img{background:#071214;border-radius:16px;}
.btn-shell--primary,.btn-drr:not(.secondary),.btn:not(.secondary){background:linear-gradient(135deg,var(--drr-gold),#ffecb0)!important;color:#071214!important;border:1px solid rgba(255,236,176,.45)!important;box-shadow:0 0 26px rgba(213,179,106,.18)!important;}
.btn-shell--ghost,.btn-drr.secondary,.btn.secondary{background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(73,255,205,.20)!important;}
input,textarea,select{background:rgba(255,255,255,.055)!important;color:#fff!important;border:1px solid rgba(73,255,205,.20)!important;border-radius:14px!important;}
label{color:#e8f5ef!important;}
.site-footer,footer{background:linear-gradient(180deg,rgba(5,12,13,.9),#030707)!important;border-top:1px solid var(--drr-border)!important;color:var(--drr-muted)!important;}
.site-footer-cta{background:linear-gradient(135deg,rgba(213,179,106,.13),rgba(0,215,189,.07))!important;border-top:1px solid rgba(213,179,106,.18);border-bottom:1px solid rgba(73,255,205,.12);}
.footer-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px!important;padding:34px 0!important;}
.footer-col{padding:22px!important;}
.footer-col ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;}
.footer-bottom{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:16px;color:rgba(232,244,240,.72);}
/* Category landing pages */
.category-page-v2 .category-wrap{width:var(--drr-container);margin:0 auto;padding:28px 0 56px;}
.category-page-v2 .breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--drr-muted);font-size:.9rem;margin:4px 0 18px;}
.category-page-v2 .breadcrumbs a{color:var(--drr-gold2);text-decoration:none;}
.category-hero-v2{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:center;padding:34px;position:relative;isolation:isolate;}
.category-hero-v2::after{content:"";position:absolute;inset:auto -60px -80px auto;width:330px;height:330px;background:radial-gradient(circle,rgba(40,215,255,.18),transparent 70%);z-index:-1;}
.category-eyebrow{display:inline-flex;gap:8px;align-items:center;color:var(--drr-gold2);font-weight:900;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;margin-bottom:12px;}
.category-hero-v2 h1{font-size:clamp(2.2rem,5vw,4.8rem);margin:.05em 0 .25em;}
.category-hero-v2 .lead{font-size:clamp(1.02rem,1.5vw,1.24rem);line-height:1.75;max-width:760px;color:#d6e8e2;}
.category-stats{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;}
.category-stat{padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(73,255,205,.17);}
.category-stat strong{display:block;color:#fff;font-size:1.22rem;}
.category-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.category-hero-media{position:relative;min-height:360px;border-radius:28px;overflow:hidden;border:1px solid rgba(213,179,106,.28);background:#061113;box-shadow:0 24px 60px rgba(0,0,0,.34);}
.category-hero-media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.02);}
.category-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(3,8,8,.84));}
.category-media-badge{position:absolute;left:18px;bottom:18px;z-index:2;padding:10px 14px;border-radius:999px;background:rgba(7,18,20,.82);border:1px solid rgba(213,179,106,.32);color:#fff;font-weight:800;}
.category-section{margin-top:34px;}
.category-section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px;}
.category-section-head h2{margin:0;font-size:clamp(1.55rem,2vw,2.3rem);}
.category-section-head p{max-width:720px;margin:8px 0 0;color:var(--drr-muted);}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.category-mini-card{padding:22px;background:linear-gradient(180deg,rgba(15,34,36,.88),rgba(8,19,21,.88));border:1px solid var(--drr-border);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22);}
.category-mini-card .icon{font-size:1.7rem;margin-bottom:10px;display:block;}
.product-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.product-tile-v2{display:flex;flex-direction:column;min-height:100%;background:linear-gradient(180deg,rgba(15,34,36,.88),rgba(8,19,21,.88));border:1px solid var(--drr-border);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.25);}
.product-tile-v2 .img-wrap{aspect-ratio:4/3;background:#071214;overflow:hidden;}
.product-tile-v2 img{width:100%;height:100%;object-fit:cover;display:block;}
.product-tile-v2 .body{padding:18px;display:flex;flex-direction:column;gap:10px;flex:1;}
.product-tile-v2 h3{font-size:1rem;line-height:1.32;margin:0;}
.product-tile-v2 .price{color:var(--drr-gold2);font-weight:900;font-size:1.05rem;}
.product-tile-v2 .meta{font-size:.86rem;color:rgba(232,244,240,.68);}
.product-tile-v2 .actions{margin-top:auto;display:flex;gap:9px;flex-wrap:wrap;}
.category-cta-band{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;padding:28px;border-radius:28px;border:1px solid var(--drr-border-strong);background:linear-gradient(135deg,rgba(213,179,106,.14),rgba(0,215,189,.07));box-shadow:var(--drr-shadow);}
.category-cta-band h2{margin:0 0 8px;}
.category-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.category-faq details{padding:18px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(73,255,205,.14);}
.category-faq summary{cursor:pointer;color:#fff;font-weight:800;}
.category-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.category-index-card{position:relative;display:flex;min-height:260px;overflow:hidden;border-radius:24px;border:1px solid var(--drr-border);text-decoration:none;color:#fff;background:#071214;box-shadow:0 18px 50px rgba(0,0,0,.26);}
.category-index-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58;transition:transform .24s ease, opacity .24s ease;}
.category-index-card:hover img{transform:scale(1.04);opacity:.72;}
.category-index-card .content{position:relative;z-index:2;margin-top:auto;padding:22px;background:linear-gradient(180deg,transparent,rgba(3,8,8,.92));width:100%;}
.category-index-card h2{margin:0 0 8px;font-size:1.35rem;}
.category-index-card p{margin:0 0 12px;color:#d6e8e2;}
.category-index-card .count{display:inline-flex;padding:8px 11px;border-radius:999px;background:rgba(213,179,106,.15);border:1px solid rgba(213,179,106,.26);color:#fff;font-weight:800;font-size:.86rem;}
@media (max-width:980px){
  .header-v2-inner,.drr-header .container,.dd-top__inner{flex-wrap:wrap;justify-content:center!important;padding:10px 0;}
  .search-container,.site-search,.dd-search{order:3;flex:1 1 100%;max-width:100%;}
  .user-actions,.dd-actions{justify-content:center;}
  .category-hero-v2{grid-template-columns:1fr;padding:24px;}
  .category-grid,.product-grid-v2,.category-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .category-cta-band{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr!important;}
}
@media (max-width:640px){
  :root{--drr-container:min(100% - 22px,1240px);}
  .top-bar .container{justify-content:flex-start!important;}
  .nav-v2-list,.dd-nav ul,.site-nav ul{justify-content:flex-start!important;overflow-x:auto;flex-wrap:nowrap!important;padding:10px 12px!important;}
  .nav-v2-list a,.dd-nav a,.site-nav a{white-space:nowrap;}
  .category-hero-v2{padding:18px;border-radius:22px!important;}
  .category-hero-media,.category-hero-media img{min-height:240px;}
  .category-grid,.product-grid-v2,.category-index-grid,.category-faq{grid-template-columns:1fr;}
  .category-section-head{display:block;}
}