/* dotHosting Commerce 2.1 — standalone scoped branding */
.dh2 .shop-hero,.dh2 .shop-detail-hero{position:relative;isolation:isolate;background:#050808;overflow:hidden;min-height:480px;display:flex;align-items:flex-end}
.dh2 .shop-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%;opacity:.45}
.dh2 .shop-hero:after,.dh2 .shop-detail-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050808 0%,#050808cc 35%,transparent 85%),linear-gradient(0deg,#050808 0%,transparent 50%)}
.dh2 .shop-hero-copy{padding-top:165px;padding-bottom:75px}.dh2 .shop-hero h1,.dh2 .shop-detail-hero h1{font:800 clamp(50px,6.8vw,106px)/.91 'Inter Tight',sans-serif;letter-spacing:-.065em;max-width:1000px;margin:10px 0 24px}
.dh2 .shop-hero h1 em,.dh2 .shop-detail-hero h1 em{font-style:normal;color:#70ff55}
.dh2 .shop-hero p,.dh2 .shop-detail-hero p{font:400 clamp(15px,1.5vw,19px)/1.55 'DM Sans',sans-serif;color:#cdd8d0;max-width:580px}
.dh2 .shop-catalog{padding-top:68px}.dh2 .shop-period{border:1px solid #405a43;border-radius:999px;display:inline-flex;padding:4px;gap:3px;margin:0 0 36px;background:#090e0b}
.dh2 .shop-period button{border:0;background:transparent;border-radius:999px;color:#c2d1c5;padding:10px 21px;cursor:pointer;font:700 13px 'DM Sans',sans-serif;transition:.2s}
.dh2 .shop-period button.is-selected{background:#70ff55;color:#061007}
.dh2 .shop-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.dh2 .shop-plan{position:relative;min-width:0;display:flex;flex-direction:column;gap:0;min-height:510px;padding:28px 25px 24px;background:#0d1210;border:1px solid #28392c;border-radius:17px;box-shadow:0 14px 40px #0003;overflow:hidden}
.dh2 .shop-plan-featured{border:1px solid #70ff55;background:linear-gradient(150deg,#121e16,#0b1210 65%);box-shadow:0 0 25px #70ff5510}
.dh2 .shop-featured{position:absolute;right:0;top:0;font:bold 9px 'DM Sans',sans-serif;letter-spacing:.12em;background:#70ff55;color:#060d06;padding:9px 13px;border-bottom-left-radius:9px}
.dh2 .shop-plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;color:#96a99a;font:700 10px 'DM Sans',sans-serif;letter-spacing:.16em}
.dh2 .shop-plan-dot{font:800 56px/30px 'Inter Tight',sans-serif;color:#70ff55}
.dh2 .shop-plan h3{font:800 clamp(25px,2.2vw,36px) 'Inter Tight',sans-serif;letter-spacing:-.04em;margin:6px 0}
.dh2 .shop-plan>p{min-height:48px;color:#b0bfaf;font-size:13px;line-height:1.6;margin-bottom:24px}
.dh2 .shop-plan-price{font:800 clamp(30px,2.8vw,43px)/1.15 'Inter Tight',sans-serif;letter-spacing:-.05em;color:#fff}
.dh2 .shop-price-suffix{font:500 12px 'DM Sans',sans-serif;color:#a2b4a6}
.dh2 .shop-plan-specs{list-style:none;margin:29px 0 30px;padding:0;display:grid;gap:13px}
.dh2 .shop-plan-specs li{color:#d3dfd4;font:400 12px/1.45 'DM Sans',sans-serif;padding-left:17px;position:relative}
.dh2 .shop-plan-specs li:before{content:"";position:absolute;left:0;top:6px;width:7px;height:7px;border:1px solid #70ff55;border-radius:50%}
.dh2 .shop-plan .btn{margin-top:auto;width:100%;justify-content:center}
.dh2 .shop-note{color:#93a294;font-size:12px;margin-top:28px}.dh2 .shop-warning{border:1px solid #907c3b;border-radius:10px;background:#211c10;color:#f4dea0;padding:18px 22px;margin:15px 0 30px}
.dh2 .shop-coming{border:1px solid #29412c;background:#0c1510;padding:clamp(30px,5vw,72px);border-radius:18px;max-width:980px}
.dh2 .shop-coming h2{font:800 clamp(30px,4vw,55px)/1.07 'Inter Tight',sans-serif;margin-bottom:20px}
.dh2 .shop-coming p{max-width:600px;color:#b4c5b7}.dh2 .shop-home-plans{background:#070b09}
.dh2 .shop-detail-hero{min-height:460px}.dh2 .shop-detail-hero>.page-shell{padding-top:170px;padding-bottom:65px;width:100%}.dh2 .shop-detail-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/img/hero-desktop.webp') center/cover;opacity:.27}
.dh2 .shop-back{display:block;margin:0 0 24px;color:#70ff55;font-size:13px}
.dh2 .shop-detail-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:clamp(35px,7vw,100px);align-items:start}
.dh2 .shop-detail-layout h2{font:800 clamp(31px,3vw,48px) 'Inter Tight',sans-serif;letter-spacing:-.04em}
.dh2 .shop-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:35px 0}
.dh2 .shop-spec-grid>div{border:1px solid #2b392d;background:#101712;border-radius:11px;display:grid;gap:6px;padding:25px}
.dh2 .shop-spec-grid b{color:#fff;font:800 34px 'Inter Tight',sans-serif}.dh2 .shop-spec-grid span{font-size:13px;color:#b1beb4}
.dh2 .shop-detail-features{list-style:none;padding:0;display:grid;gap:14px}.dh2 .shop-detail-features li:before{content:'✓';color:#70ff55;margin-right:12px}
.dh2 .shop-detail-aside{border:1px solid #345238;border-radius:16px;background:#0e1711;padding:32px;position:sticky;top:115px}
.dh2 .shop-detail-aside h3{font-size:32px;margin:14px 0 23px}.dh2 .shop-detail-aside .shop-period{margin-bottom:20px}
.dh2 .shop-detail-aside .shop-quote-link{display:flex;margin:26px 0 17px}
.dh2 .shop-detail-aside>p{font-size:12px;color:#a5bba9;line-height:1.6}
@media(max-width:1250px){.dh2 .shop-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:750px){.dh2 .shop-plan-grid,.dh2 .shop-detail-layout{grid-template-columns:1fr}.dh2 .shop-hero{min-height:420px}.dh2 .shop-hero-copy{padding-top:140px;padding-bottom:56px}.dh2 .shop-hero h1,.dh2 .shop-detail-hero h1{font-size:clamp(48px,11vw,78px)}.dh2 .shop-plan{min-height:0}.dh2 .shop-detail-aside{position:static}.dh2 .shop-spec-grid{gap:10px}.dh2 .shop-detail-hero>.page-shell{padding-top:145px}}

.dh2 .shop-renewal{display:block;color:#c5d5c6;font-size:11px;margin-top:9px}