/* Domain/category step 1.3.0. Deliberately scoped; the existing homepage theme is retained. */
.df-page{background:#f5f5fa;color:#3c416f;font-size:13px;line-height:1.7}
.df-page *{box-sizing:border-box;min-width:0}
.df-container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.df-breadcrumb{background:#e9edf0;border-bottom:1px solid #e4e8ec;color:#5b6682;font-size:12px}
.df-breadcrumb .df-container{display:flex;align-items:center;gap:4px;min-height:37px;padding-block:8px;flex-wrap:wrap}
.df-breadcrumb a{color:#c94e06;text-decoration:underline;text-underline-offset:2px}
.df-content{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start;padding-block:45px 55px;min-height:660px}
.df-page h1{color:#3c416f;font-size:28px;line-height:1.4;letter-spacing:.01em;margin:0 0 15px;font-weight:700;overflow-wrap:anywhere}
.df-sidebar{display:grid;gap:22px}
.df-side-box{background:#fff;border:1px solid #e3e5eb}
.df-side-box h2{font-size:13px;text-align:center;line-height:1.6;background:#08222e;color:#fff;padding:9px 12px;margin:0;font-weight:700}
.df-side-box a{display:block;padding:9px 14px;border-bottom:1px solid #ebedf1;font-size:12px;color:#354858;line-height:1.6;overflow-wrap:anywhere;transition:background .15s,color .15s}
.df-side-box a:last-child{border-bottom:0}
.df-side-box a:hover{background:#fff3e9;color:#c34507}
.df-side-box a.df-active{color:#fff;background:#e95d08}
.df-side-box p{padding:12px}
.df-description{margin:0 0 22px;color:#67748e;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.df-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.df-package{background:#fff;border:1px solid #dddfe4;border-radius:6px;padding:16px 15px;display:flex;flex-direction:column;min-height:380px}
.df-package h2{font-size:17px;line-height:1.5;margin:0 0 13px;font-weight:700;overflow-wrap:anywhere}
.df-package-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.df-package-price strong{font-size:28px;line-height:1.4;letter-spacing:.025em;overflow-wrap:anywhere}
.df-package-price span{color:#5f6975;font-size:13px}
.df-billing{display:block;margin-top:4px;color:#6a6e75;font-size:16px}
.df-setup{margin:1px 0 13px;font-size:12px;color:#65728a}
.df-package ul{list-style:none;padding:16px 0 15px;margin:0;border-top:1px solid #f0f1f4;flex:1}
.df-package li{display:block;font-size:12px;line-height:1.8;color:#627087;overflow-wrap:anywhere;white-space:pre-wrap}
.df-package li svg{width:12px;height:19px;flex-shrink:0}
.df-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:41px;padding:10px 20px;border:1px solid #e95d08;border-radius:3px;background:#e95d08;color:#fff;font-size:12px;line-height:1.5;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
.df-button:hover{background:#c84b03;border-color:#c84b03;color:#fff}
.df-button svg{width:13px;height:13px}
.df-button:disabled{opacity:.65;cursor:wait}
.df-package>.df-button{width:100%;min-height:35px;padding:7px 12px;margin-top:15px}
.df-empty{padding:26px;background:#fff;border:1px solid #e3e5eb;border-radius:6px;color:#65728a}
.df-empty a{text-decoration:underline;color:#bb470b}
.df-domain-main{max-width:820px}
.df-package-context{font-size:11px;color:#718098;margin:0 0 14px}
.df-choice{border:1px solid #dddfe5;background:#fff;border-radius:5px;overflow:clip;margin-bottom:15px}
.df-page .df-choice-heading{display:flex;align-items:center;gap:5px;background:#08222e;color:#fff;font-size:12px;font-weight:400;line-height:1.6;padding:10px 15px;margin:0;cursor:pointer}
.df-page .df-choice-heading input{width:13px;height:13px;min-height:13px;margin:0;accent-color:#1689ff;flex-shrink:0}
.df-choice:not(:has(.df-choice-heading input:checked)) .df-choice-body{display:none}
.df-choice-body{padding:22px}
.df-domain-form{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:8px;align-items:center}
.df-name-input{display:flex;align-items:stretch}
.df-prefix,.df-dot{display:flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid #dce1e8;background:#e9edf1;color:#344450;font-size:13px;flex-shrink:0}
.df-prefix{border-radius:4px 0 0 4px;border-right:0}
.df-dot{padding-inline:11px;border-radius:0 4px 4px 0;border-left:0}
.df-page .df-domain-form input:not([type=hidden]),.df-page .df-domain-form select{width:100%;min-height:42px;height:42px;border:1px solid #e0e3e9;border-radius:4px;background:#fff;color:#354657;padding:9px 11px;font-size:13px;box-shadow:none;margin:0}
.df-page .df-name-input input:not([type=hidden]){border-radius:0 4px 4px 0}
.df-page .df-name-input:has(.df-dot) input:not([type=hidden]){border-radius:0}
.df-page .df-domain-form select{cursor:pointer}
.df-page .df-domain-form input::placeholder{color:#a3b4ce}
.df-page .df-domain-form input:focus,.df-page .df-domain-form select:focus{border-color:#f68028;outline:2px solid #ffcaa5;outline-offset:1px}
.df-page :is(a,button,input,select):focus-visible{outline:3px solid #f29657;outline-offset:3px}
.df-page .df-domain-form>.df-button{height:42px}
.df-message{padding:13px 15px;border:1px solid #d9e3ea;border-radius:4px;background:#edf5fb;color:#335671;font-size:12px;margin:18px 0}
.df-message[data-state=error]{background:#fff0ef;border-color:#f2d2cf;color:#a13d39}
.df-result-title{text-align:center;font-size:27px;line-height:1.45;letter-spacing:.01em;margin:25px 0 10px;overflow-wrap:anywhere}
.df-domain-available{color:#e95d08}
.df-domain-unavailable{color:#db484e}
.df-result-note{text-align:center;font-size:11px;line-height:1.7;color:#6c7b91;margin:0 0 20px}
.df-result-list{background:#fff}
.df-result-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:55px;border-bottom:1px solid #f0f1f4;padding:10px 12px;color:#60728a;font-size:12px}
.df-result-row>span:first-child{overflow-wrap:anywhere}
.df-result-row:last-child{border-bottom:0}
.df-result-row form{margin:0;flex-shrink:0}
.df-add-button{min-height:33px;padding:6px 12px;background:#fff;color:#c34d0a;border-color:#ed8a53;font-size:11px}
.df-result-row:first-child .df-add-button{background:#e95d08;color:#fff}
.df-unavailable{color:#087ba4;font-size:12px;font-weight:700;flex-shrink:0}
.df-selection{margin-top:22px;background:#eef9f2;border:1px solid #bddfca;color:#245d3d;border-radius:5px;padding:20px}
.df-selection strong{font-size:19px;overflow-wrap:anywhere}
.df-selection p{font-size:12px;line-height:1.7;margin:7px 0 0}
.df-scope-note,.df-small-note{font-size:10px;color:#78869a;line-height:1.8;margin:18px 0 0}
.df-choice-body>.df-small-note{margin:0}
.df-sr-only{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:-1px!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}
.df-page [hidden]{display:none!important}
@media(max-width:1120px){.df-content{grid-template-columns:235px minmax(0,1fr);gap:20px}.df-package-grid{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.df-domain-form{grid-template-columns:minmax(0,1fr) 95px 95px}.df-choice-body{padding:18px}.df-page h1{font-size:25px}}
@media(max-width:800px){.df-container{width:calc(100% - 32px)}.df-content{grid-template-columns:190px minmax(0,1fr);gap:18px;padding-block:30px 45px}.df-domain-form{grid-template-columns:minmax(0,1fr) 90px}.df-domain-form>.df-button{grid-column:1/-1}.df-package-grid{grid-template-columns:1fr}.df-page h1{font-size:23px}.df-result-title{font-size:23px}.df-sidebar{gap:18px}}
@media(max-width:620px){.df-content{grid-template-columns:1fr;min-height:0;gap:27px}.df-side-box nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.df-sidebar>.df-side-box:nth-child(2){display:none}.df-page h1{font-size:22px}.df-domain-main{max-width:none}.df-choice-body{padding:16px}.df-prefix{padding-inline:10px;font-size:12px}.df-result-title{font-size:22px}.df-package{min-height:0}.df-package-grid{gap:18px}.df-result-row{gap:10px}.df-page .df-choice-heading{font-size:11px}.df-result-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.df-button,.df-side-box a{transition:none}}
/* v2.4 public availability checker: status only; no package or add action. */
.license-status-only{grid-template-columns:minmax(0,1fr) auto!important;align-items:end}.license-status-only .license-domain-input{grid-column:auto!important}.domain-status-card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:17px;align-items:center;margin-top:24px;padding:23px;border:1px solid #d8e3e7;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,43,57,.08)}.domain-status-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#edf4f5;color:#56717d;font-size:24px;font-weight:800}.domain-status-card small{display:block;color:#82939c;font-size:9px;font-weight:800;letter-spacing:.14em}.domain-status-card h2{margin:5px 0 8px;color:#303b68;font-size:20px;overflow-wrap:anywhere}.domain-status-card strong{display:block;font-size:13px;color:#234452}.domain-status-card p{margin:5px 0 0;color:#71838d;font-size:11px}.domain-status-card.status-available{border-color:#a9ddca;background:linear-gradient(135deg,#fff,#f0fbf6)}.domain-status-card.status-available .domain-status-icon{background:#daf5ea;color:#07805f}.domain-status-card.status-unavailable,.domain-status-card.status-error{border-color:#f0c1b9;background:linear-gradient(135deg,#fff,#fff5f2)}.domain-status-card.status-unavailable .domain-status-icon,.domain-status-card.status-error .domain-status-icon{background:#fde5df;color:#b84d3b}.domain-status-card.status-unknown .domain-status-icon{background:#fff0dd;color:#a86620}@media(max-width:560px){.license-status-only{grid-template-columns:1fr!important}.domain-status-card{grid-template-columns:42px minmax(0,1fr);padding:18px;gap:12px}.domain-status-icon{width:40px;height:40px;border-radius:12px;font-size:19px}.domain-status-card h2{font-size:17px}}
