/* DomainMarket offers palette, matching hosting-offers-brand.css. */
.domain-offers { color:#fff; padding:78px 0 80px; font-family:'Inter',sans-serif; background:radial-gradient(900px 500px at 8% 0%,rgba(37,214,255,.16),transparent 62%),linear-gradient(180deg,#071a35,#0b2447 52%,#071a35); }
.domain-offers__container { width:min(1320px,calc(100% - 48px)); margin-inline:auto; }
.domain-offers__bar { padding:13px 16px; text-align:center; font-size:.95rem; font-weight:800; background:linear-gradient(90deg,#1266f1,#0b2447 52%,#071a35); }
.domain-offers__bar strong { color:#8beaff; }
.domain-offers__hero { padding:76px 0; background:#2c3e50 url('/assets/css/hero-bg.jpg') center/cover no-repeat; }
.domain-offers__hero-grid { display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:64px; }
.domain-offers__eyebrow { display:inline-flex; align-items:center; gap:10px; padding:10px 18px; color:#1266f1; background:rgba(255,255,255,.94); border:1px solid rgba(37,214,255,.3); border-radius:999px; font-size:.92rem; font-weight:900; box-shadow:0 10px 26px rgba(7,26,53,.18); }
.domain-offers__hero h1 { margin:22px 0; color:#fff; font-size:clamp(2.5rem,5.5vw,5.25rem); font-weight:900; line-height:1.04; letter-spacing:-.045em; }
.domain-offers__hero h1 span { display:block; background:linear-gradient(90deg,#fff,#bfefff 48%,#8bc7ff); background-clip:text; -webkit-background-clip:text; color:transparent; }
.domain-offers__hero p { margin:0; color:rgba(255,255,255,.88); font-size:1.05rem; line-height:1.75; }
.domain-offers__button { display:inline-flex; align-items:center; gap:16px; margin-top:28px; padding:17px 24px; border-radius:16px; background:linear-gradient(135deg,#1266f1,#25d6ff); color:#fff; font-weight:900; text-decoration:none; box-shadow:0 14px 32px rgba(18,102,241,.3); }
.domain-offers__button:hover { background:linear-gradient(135deg,#16a34a,#0ea5e9); color:#fff; }
.domain-offers__summary { position:relative; overflow:hidden; padding:36px 32px; border-radius:30px; background:linear-gradient(155deg,#071a35,#0b2447 52%,#1266f1); border:1px solid rgba(37,214,255,.28); box-shadow:0 28px 65px rgba(7,26,53,.38); }
.domain-offers__summary::before { content:''; position:absolute; right:-65px; top:-70px; width:190px; height:190px; border-radius:50%; background:rgba(37,214,255,.22); pointer-events:none; }
.domain-offers__summary-label { display:block; color:#8beaff; font-size:.9rem; font-weight:900; letter-spacing:.06em; }
.domain-offers__summary strong { display:block; margin:12px 0; font-size:clamp(4rem,8vw,7rem); font-weight:900; line-height:1; letter-spacing:-.05em; }
.domain-offers__summary h2 { color:#fff; font-size:1.25rem; font-weight:900; margin:16px 0; }
.domain-offers__summary p { font-size:.98rem; }
.domain-offers__list { padding-top:64px; scroll-margin-top:115px; }
.domain-offers__heading { margin-bottom:32px; }
.domain-offers__heading h2 { color:#fff; font-size:clamp(1.9rem,3.2vw,3rem); font-weight:900; letter-spacing:-.035em; margin-bottom:14px; }
.domain-offers__heading p { color:rgba(255,255,255,.78); line-height:1.75; }
.domain-offers__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.domain-offers__card { display:flex; flex-direction:column; position:relative; overflow:hidden; padding:28px; background:rgba(255,255,255,.97); color:#071a35; text-decoration:none; border:1px solid rgba(18,102,241,.16); border-radius:26px; text-align:center; box-shadow:0 22px 55px rgba(7,26,53,.14); transition:transform .2s,border-color .2s,box-shadow .2s; }
.domain-offers__card:hover { transform:translateY(-6px); color:#071a35; border-color:rgba(18,102,241,.34); box-shadow:0 30px 70px rgba(7,26,53,.22); }
.domain-offers__card:focus-visible,.domain-offers__button:focus-visible { outline:3px solid #25d6ff; outline-offset:4px; }
.domain-offers__badge { align-self:center; padding:8px 12px; border-radius:999px; color:#fff; background:linear-gradient(90deg,#1266f1,#0ea5e9); font-size:.82rem; font-weight:900; box-shadow:0 8px 18px rgba(18,102,241,.2); }
.domain-offers__badges { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
.domain-offers__badge--discount { color:#fff; background:linear-gradient(135deg,#15803d,#166534); box-shadow:0 8px 18px rgba(22,101,52,.18); white-space:nowrap; }
.domain-offers__card h2 { margin:24px 0; color:#071a35; font-size:2rem; font-weight:900; letter-spacing:-.035em; overflow-wrap:anywhere; }
.domain-offers__card h2 span { display:block; margin-top:6px; color:#667085; font-size:.9rem; font-weight:500; letter-spacing:0; }
.domain-offers__price-box { margin-top:auto; padding:16px 12px; background:linear-gradient(135deg,#f4f8fc,#eaf8ff); border:1px solid rgba(18,102,241,.16); border-radius:17px; }
.domain-offers__label { margin:0 0 10px; color:#667085; font-size:.95rem; font-weight:600; }
.domain-offers__old { display:block; min-height:27px; color:#667085; font-size:1.05rem; }
.domain-offers__price { margin:2px 0 0; color:#1266f1; font-size:2.35rem; font-weight:900; line-height:1.3; overflow-wrap:anywhere; }
.domain-offers__period { margin:6px 0 0; color:#667085; font-size:.85rem; }
.domain-offers__card-action { display:flex; align-items:center; justify-content:center; gap:12px; min-height:52px; margin-top:20px; padding:12px 8px; border-radius:14px; background:#071a35; color:#fff; font-weight:800; font-size:.9rem; }
.domain-offers__card:hover .domain-offers__card-action { background:#1266f1; }
.domain-offers__notice { padding:32px; border-radius:17px; background:#fff; color:#102033; text-align:center; }
@media(max-width:1100px) { .domain-offers__grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .domain-offers__hero-grid { gap:32px; } }
@media(max-width:800px) { .domain-offers__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } .domain-offers__hero-grid { grid-template-columns:minmax(0,1fr); } .domain-offers__hero { padding:52px 0; } }
@media(max-width:480px) { .domain-offers__grid { grid-template-columns:minmax(0,1fr); } .domain-offers__container { width:calc(100% - 32px); } .domain-offers__summary { padding:26px; } .domain-offers__card { padding:24px; } .domain-offers__list { padding-top:44px; } }
@media(max-width:600px) { .domain-offers__grid { grid-template-columns:minmax(0,1fr); } }
@media(prefers-reduced-motion:reduce) { .domain-offers__card { transition:none; } .domain-offers__card:hover { transform:none; } }