/* DPP V5 — serious funny hero + compact inner product cards + quote visibility fix */
:root{--dpp-navy:#14305a;--dpp-red:#d92a45;--dpp-warm:#fff5df;--dpp-mint:#e8fff6;--dpp-yellow:#ffd15a;--dpp-ink:#18314d;--dpp-soft:#fffdf8}
body{background:var(--dpp-soft);color:#14263f}
.mast{background:#fff7fb}
.brand strong{color:#d62146}
.brand .tagline{color:#174264}
.nav{background:linear-gradient(90deg,#163560,#1a477f)}
.nav a{color:#fff!important}.nav a:hover{color:#ffe173!important}
.yellow{background:#fff1b8;color:#173654}
.hero{padding:36px 0 46px;min-height:390px;background:linear-gradient(117deg,#fff5df 0%,#fff3f7 42%,#eef8ff 100%);border-bottom:4px solid #ffd15a}
.hero .wrap{grid-template-columns:1.08fr .92fr;gap:22px}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#fff4cf;border:1px solid #ffd98b;border-radius:999px;color:#a33940;letter-spacing:.08em}
.hero h1{font-size:clamp(34px,4.6vw,60px);line-height:1.06;margin:14px 0;color:#102954}
.hero h1 em{color:#d82243;-webkit-text-fill-color:#d82243}
.hero p{font-size:clamp(14px,1.1vw,17px);line-height:1.72;color:#36526e;max-width:680px}
.hero-actions{margin-top:17px}.hero-actions .btn-red{background:#e12648}.hero-actions .btn-dark{border:2px solid #d6dfe8;color:#173456;background:#fff}
.hero-brand.hero-photo{position:relative;min-height:280px;aspect-ratio:1.65;border:5px solid #fff;border-radius:28px;overflow:hidden;box-shadow:0 18px 36px rgba(8,41,87,.14),10px 10px 0 -4px #ffd15a;background:radial-gradient(circle at 78% 26%,rgba(255,210,90,.35),transparent 16%),radial-gradient(circle at 82% 73%,rgba(255,125,148,.17),transparent 20%),linear-gradient(135deg,#fff4d7 0%,#fff9ef 32%,#eef7ff 100%)}
.hero-brand.hero-photo>img:not(.dpp-v5-person){display:none}
.hero-brand.hero-photo .dpp-v5-person{position:absolute;left:12px;bottom:0;width:54%;height:100%;display:block;object-fit:contain;object-position:left bottom;filter:drop-shadow(0 10px 18px rgba(0,0,0,.16))}
.dpp-v5-bubble{position:absolute;right:16px;top:18%;width:43%;padding:16px 14px;border:3px solid #e12c4a;border-radius:26px;background:#fffefa;box-shadow:0 12px 22px rgba(8,41,87,.12);text-align:center;color:#143560;line-height:1.42;font-size:clamp(15px,1.42vw,22px);font-weight:1000;transform:rotate(1.5deg)}
.dpp-v5-bubble::after{content:'';position:absolute;left:-12px;bottom:22%;border-width:11px 12px 11px 0;border-style:solid;border-color:transparent #e12c4a transparent transparent}
.dpp-v5-bubble strong{display:block;color:#df2145;font-size:1.04em}
.dpp-v5-chip{position:absolute;right:14px;bottom:12px;padding:9px 12px;border-radius:999px;background:#143560;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;box-shadow:0 6px 14px rgba(8,41,87,.18)}
.hero-photo-label{display:none!important}
.category-section{padding-top:50px;background:#fffaf2}.category-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:16px}
.category-card{border-radius:16px;border:1px solid #eee3d7;box-shadow:0 4px 12px rgba(19,48,76,.08);min-width:0;background:white}
.category-card:hover{transform:translateY(-4px)}
.category-photo{height:auto;aspect-ratio:1.18}.category-photo img{width:100%;height:100%;object-fit:cover}
.category-info{padding:10px 8px 12px;text-align:center}.category-info h3{font-size:13px;line-height:1.3;margin:0;min-height:35px}
.category-info p{display:none}.category-bottom{margin-top:6px;justify-content:center}.category-bottom span:first-child{font-size:10px;padding:5px 8px}.cat-cta{display:none}
.section{padding:46px 0}.section h2{font-size:clamp(25px,3vw,38px)}.section p.sub{font-size:13px}
.catalogue-section{padding-top:34px;background:linear-gradient(180deg,#fffdfa 0%,#fff9f3 100%)}
.catalogue-head h2{font-size:clamp(26px,2.9vw,35px)}
.catalogue-section .searchrow{margin:14px 0;align-items:center}.catalogue-section .searchrow input{min-height:46px;padding:10px 15px}.chips{padding-bottom:10px}.chip{padding:8px 12px;font-size:12px}
.catalogue-section .grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.catalogue-section .prod{border:1px solid #eadfdf;border-radius:14px;box-shadow:0 4px 14px rgba(18,43,80,.08);overflow:hidden}
.catalogue-section .pimg{height:auto!important;aspect-ratio:1.16;background:#f8f9fb}
.catalogue-section .pimg img{padding:2px;object-fit:cover}
.catalogue-section .prod-body{padding:9px;gap:3px}
.catalogue-section .pcat{font-size:9px;letter-spacing:.04em}
.catalogue-section .pname{font-size:12px;min-height:0;margin:3px 0 5px;line-height:1.3;font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.catalogue-section .price{font-size:18px;margin:0 0 5px;color:#c8193b}.catalogue-section .price span{font-size:9px}
.catalogue-section .prod .quotebtn{margin-top:auto!important;font-size:11px!important;padding:8px 7px!important;border-radius:10px!important;background:#df2647!important;color:#fff!important;border:0!important}
.catalogue-section .prod .specs,.catalogue-section .prod .smart-kv{font-size:10px}
.dpp-v5-specs{margin:4px 0 6px;border:1px solid #e5ebee;border-radius:9px;background:#f8fcfd;overflow:hidden}
.dpp-v5-specs summary{cursor:pointer;list-style:none;font-size:10.5px;font-weight:850;padding:8px 9px;color:#174b72;display:flex;justify-content:space-between;gap:8px}
.dpp-v5-specs summary::-webkit-details-marker{display:none}
.dpp-v5-specs summary:after{content:'＋';color:#c71b3e}.dpp-v5-specs[open] summary:after{content:'−'}
.dpp-v5-specs .specs,.dpp-v5-specs .smart-kv{margin:0!important;max-height:250px;overflow:auto;padding:5px 8px;border:0}
.dpp-v5-specs .specs ul{padding-left:15px}.dpp-v5-specs .kv-row{font-size:10px;padding:4px 3px}
#quote{background:linear-gradient(180deg,#fffefb 0%,#fff6e8 100%)}
#quote .contact-grid{align-items:stretch}
#quote .contact-grid>div,#quote .form{background:#fff;border:1px solid #f0dfc3;box-shadow:0 10px 24px rgba(20,48,76,.08);border-radius:18px;padding:24px}
#quote .eyebrow{display:inline-block;padding:7px 12px;border-radius:999px;background:#163560;color:#ffe17f!important;letter-spacing:.08em}
#quote h2{color:#14345f!important;font-size:clamp(28px,3vw,40px)}
#quote p,#quote strong,#quote a,#quote label{color:#223b53!important}
#quote .fine{color:#536f86!important}
#quote .btn-green{background:#0d9a63!important;color:#fff!important}
#quote input,#quote select,#quote textarea{border:1px solid #cfd9e4;background:#fff;color:#11243b}
.how{background:#0d3160}.steps{gap:11px}.step{padding:17px}.contact-grid>div{background:#fff5e8}
@media(max-width:1280px){.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.catalogue-section .grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-photo{aspect-ratio:1.55}}
@media(max-width:990px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-section .grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero .wrap{grid-template-columns:1fr 1fr;gap:14px}.dpp-v5-bubble{font-size:15px}}
@media(max-width:740px){.hero{padding:24px 0 30px}.hero .wrap{grid-template-columns:1fr;gap:18px}.hero-brand.hero-photo{min-height:220px;aspect-ratio:1.8}.hero-brand.hero-photo .dpp-v5-person{width:58%}.hero h1{font-size:35px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category-photo{aspect-ratio:1.15}.category-info h3{font-size:12px;min-height:32px}.category-info{padding:8px 5px}.category-bottom span:first-child{font-size:9px}.catalogue-section .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.catalogue-section .pimg{aspect-ratio:1.12}.catalogue-section .prod-body{padding:8px}.catalogue-section .pname{font-size:11.8px}.catalogue-section .price{font-size:16px}.dpp-v5-bubble{right:10px;top:14%;width:41%;padding:11px 9px;font-size:13px}.dpp-v5-chip{font-size:9px;padding:7px 9px}.dpp-featured-grid{gap:8px}.dpp-featured-card{min-height:170px}}
@media(max-width:430px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-photo{aspect-ratio:1.65}.category-info h3{min-height:0}.hero-brand.hero-photo{min-height:190px}.hero-brand.hero-photo .dpp-v5-person{width:56%}.dpp-v5-bubble{font-size:12px;padding:9px 7px;width:43%}.catalogue-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalogue-section .pimg{aspect-ratio:1.08}}
