.donel{--navy:#003a5d;--gold:#e7d1ab;max-width:1440px;margin:auto;padding:30px 32px 70px}.donel a:focus-visible,.donel button:focus-visible{outline:3px solid #e40c54;outline-offset:4px}.d-crumb{font-size:12px;margin-bottom:24px;color:#666}.d-hero{display:grid;grid-template-columns:1fr 1.15fr;background:var(--navy);color:white;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px #003a5d24}.d-hero-copy{padding:52px 42px;align-self:center}.d-brand{font-size:clamp(36px,6vw,78px);font-weight:850;letter-spacing:.035em;line-height:1}.d-brand small{display:block;font-size:11px;letter-spacing:.3em;color:var(--gold);margin:20px 0 30px}.d-hero h1{font-size:clamp(26px,3vw,42px);line-height:1.14;margin:0 0 22px;color:white;font-family:inherit}.d-hero p{color:#e1e8ec;max-width:38em;line-height:1.65}.d-hero>img{width:100%;height:100%;object-fit:cover;min-height:470px}.d-btn{display:inline-flex;align-items:center;justify-content:center;background:#212323;color:#fff!important;text-decoration:none;border:0;padding:14px 20px;border-radius:4px;font-size:12px;cursor:pointer;line-height:1.3;transition:transform .2s,box-shadow .2s,background .2s}.d-btn:hover{background:#e40c54;transform:translateY(-3px);box-shadow:0 9px 18px #0002}.d-hero .d-btn{background:var(--gold);color:var(--navy)!important;margin-top:16px;font-weight:650}.d-section{margin-top:52px}.d-section h2{font-size:32px;line-height:1.2;margin:0 0 12px}.d-lead{font-size:14px;color:#626765;line-height:1.6}.d-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.d-direction{border-radius:16px;overflow:hidden;background:#fff;text-decoration:none;box-shadow:0 8px 24px #0000000d;transition:transform .25s,box-shadow .25s;border:1px solid #e3e4df}.d-direction:hover,.d-series:hover,.d-card:hover{transform:translateY(-6px);box-shadow:0 18px 34px #003a5d20}.d-direction img{width:100%;aspect-ratio:1.65;object-fit:cover}.d-direction span{display:block;padding:20px;font-weight:600}.d-series-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:24px}.d-series{text-decoration:none;background:linear-gradient(140deg,#fff,#f2f1ed);border:1px solid #e2e2dc;border-radius:14px;padding:18px 12px;box-shadow:0 5px 16px #00000008;text-align:center;transition:.25s}.d-series img{width:100%;height:120px;object-fit:contain;mix-blend-mode:multiply}.d-series span{display:block;margin-top:14px;font-size:13px;font-weight:600}.d-filters{display:grid;grid-template-columns:2fr 1.2fr 1.4fr 1fr;gap:14px;background:var(--navy);padding:24px;border-radius:16px;margin:24px 0}.d-filters label{font-size:11px;color:#e7d1ab}.d-filters input,.d-filters select{display:block;width:100%;min-width:0;height:43px;margin-top:7px;padding:10px;background:#fff;border:1px solid #eee;border-radius:4px;color:#222;font:13px Arial,sans-serif}.d-status{display:flex;justify-content:space-between;align-items:center;margin:22px 0;font-size:13px;gap:12px}.d-reset{border:0;background:none;text-decoration:underline;cursor:pointer;color:#003a5d}.d-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.d-card{display:flex;flex-direction:column;min-width:0;padding:16px;border:1px solid #e2e3df;border-radius:16px;background:#fff;box-shadow:0 8px 22px #00000009;transition:.25s}.d-card-image{display:flex;align-items:center;justify-content:center;background:#fafafa;height:205px;border-radius:10px;overflow:hidden;text-decoration:none}.d-card-image img{width:100%;height:100%;object-fit:contain;padding:10px}.d-no-photo{color:#7b858c;font-size:12px;text-align:center;padding:25px}.d-card small{color:#777;font-size:11px;display:block;margin:17px 0 8px;overflow-wrap:anywhere}.d-card h3{font-size:14px;font-family:inherit;line-height:1.5;margin:0 0 18px;flex:1}.d-card h3 a{text-decoration:none}.d-price{font-size:20px;font-weight:650;color:var(--navy);margin-top:auto}.d-price-note{font-size:10px;color:#7b858c;margin:5px 0 15px}.d-card .d-btn{margin-top:15px}.d-pager{display:flex;align-items:center;justify-content:center;gap:22px;margin:32px 0}.d-pager button:disabled{opacity:.35;cursor:default}.d-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px}.d-detail h1{font-size:clamp(24px,3vw,38px);line-height:1.2;font-family:inherit;margin:20px 0}.d-main-image{width:100%;height:500px;object-fit:contain;background:white;border-radius:20px;padding:30px;box-shadow:0 15px 35px #003a5d10}.d-gallery{display:flex;gap:12px;overflow-x:auto;margin-top:18px}.d-gallery a{flex:0 0 100px}.d-gallery img{width:100px;height:100px;object-fit:contain;background:white;border-radius:8px}.d-detail .d-price{font-size:32px;margin:28px 0 6px}.d-spec{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;margin-top:28px}.d-spec div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #d9dcd7;font-size:13px;line-height:1.5}.d-spec dt{color:#666;max-width:55%}.d-spec dd{margin:0;text-align:right;overflow-wrap:anywhere}.d-note{background:#e7d1ab55;padding:22px;border-radius:12px;font-size:13px;line-height:1.6;margin-top:25px}.d-empty{grid-column:1/-1;padding:48px;text-align:center;background:#fff;border-radius:16px}.d-banner{display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--navy);color:white;border-radius:18px;padding:32px;margin-top:50px}.d-banner h2{color:#fff;font-size:26px;margin:0 0 10px}.d-banner p{color:#d9e2e7;font-size:14px;margin:0}.d-banner .d-btn{background:#e40c54;flex-shrink:0}.d-section[id]{scroll-margin-top:24px}
@media(max-width:1000px){.d-hero-copy{padding:32px}.d-series-grid{grid-template-columns:repeat(4,1fr)}.d-products{grid-template-columns:repeat(3,minmax(0,1fr))}.d-filters{grid-template-columns:1fr 1fr}.d-detail{gap:25px}.d-main-image{height:380px}}
@media(max-width:700px){.donel{padding:20px 16px 45px}.d-hero{grid-template-columns:1fr}.d-hero>img{min-height:0;height:260px;order:-1}.d-hero-copy{padding:30px 24px}.d-directions{grid-template-columns:1fr 1fr;gap:12px}.d-direction span{padding:14px;font-size:12px}.d-series-grid{grid-template-columns:repeat(3,1fr);gap:10px}.d-series{padding:12px 6px}.d-series img{height:85px}.d-series span{font-size:11px}.d-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.d-card{padding:11px}.d-card-image{height:150px}.d-card h3{font-size:12px}.d-price{font-size:17px}.d-card .d-btn{padding:12px 7px;font-size:11px}.d-filters{padding:16px;gap:12px}.d-filters label:first-child{grid-column:1/-1}.d-filters label:last-child{grid-column:1/-1}.d-detail{grid-template-columns:1fr;gap:20px}.d-main-image{height:330px}.d-spec{grid-template-columns:1fr}.d-banner{display:block;padding:24px}.d-banner .d-btn{margin-top:20px}.d-section h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.donel *{transition:none!important;transform:none!important}}
/* Readable controls and product information at every viewport. */
.d-lead,.d-hero p,.d-banner p{font-size:16px}.d-btn,.d-filters label,.d-filters input,.d-filters select,.d-series span,.d-direction span,.d-status,.d-spec div,.d-note{font-size:14px}.d-card small,.d-price-note,.d-brand small{font-size:12px}.d-card h3{font-size:14px}.d-card .d-btn{font-size:13px}.d-no-photo{font-size:13px}.d-spec div{overflow-wrap:anywhere}