:root{--navy:#37517e;--navy-dark:#243657;--sky:#47b2e4;--sky-soft:#e9f7fd;--ink:#172238;--muted:#64748b;--surface:#fff;--soft:#f5f7fb;--line:#dce5ef;--danger:#b42318;--success:#087a4c;--radius:20px;--shadow:0 24px 60px rgba(36,54,87,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--surface);font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.93);backdrop-filter:blur(15px);border-bottom:1px solid rgba(220,229,239,.8)}.brand{display:flex;gap:9px;align-items:baseline;color:var(--navy);font-weight:850;letter-spacing:.06em}.brand small{color:var(--sky);letter-spacing:0;font-weight:700}.main-nav{display:flex;gap:28px;align-items:center;font-weight:650}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--sky)}.lang-link{border:1px solid var(--line);padding:7px 13px;border-radius:30px}.menu-toggle{display:none;border:0;background:transparent;color:var(--navy);font-size:26px}.hero{min-height:650px;padding:90px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;background:radial-gradient(circle at 86% 22%,rgba(71,178,228,.22),transparent 27%),linear-gradient(135deg,#f8fbff 0%,#fff 55%,#f0f8fc 100%);overflow:hidden}.hero-content{max-width:720px}.eyebrow{display:inline-flex;padding:8px 14px;background:var(--sky-soft);color:#137aa9;border-radius:30px;font-size:.83rem;font-weight:800;letter-spacing:.04em}.hero h1,.detail-copy h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.03;letter-spacing:-.045em;margin:20px 0;color:var(--navy-dark)}.hero p,.detail-copy p{font-size:1.15rem;color:var(--muted);max-width:630px}.hero-actions,.card-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--sky);color:#fff;box-shadow:0 10px 25px rgba(71,178,228,.28)}.button-primary:hover{background:#299dcc}.button-ghost{background:#fff;color:var(--navy);border-color:var(--line)}.full{width:100%}.hero-visual{position:relative;min-height:420px}.browser-card{position:absolute;inset:45px 0 20px 20px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);transform:rotate(2deg);overflow:hidden}.browser-bar{height:48px;background:var(--navy);display:flex;align-items:center;gap:7px;padding:0 17px}.browser-bar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.55)}.browser-layout{height:calc(100% - 48px);display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px;background:linear-gradient(145deg,#f7fbff,#eef5fb)}.browser-layout span{grid-column:1/-1;height:150px;border-radius:14px;background:linear-gradient(120deg,var(--navy),var(--sky))}.browser-layout b{height:95px;border-radius:12px;background:#fff;border:1px solid var(--line)}.floating-chip{position:absolute;background:#fff;border:1px solid var(--line);border-radius:40px;padding:10px 17px;font-weight:800;box-shadow:0 12px 28px rgba(36,54,87,.12);color:var(--navy)}.chip-one{top:10px;right:15px}.chip-two{bottom:0;left:0}.section{padding:90px clamp(22px,7vw,110px)}.section-heading{max-width:650px;margin-bottom:42px}.section-heading>span{color:var(--sky);font-weight:850;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.section-heading h2,.panel h2{color:var(--navy);font-size:clamp(1.8rem,3vw,3rem);margin:8px 0}.section-heading p{color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.template-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 40px rgba(36,54,87,.07);transition:.25s}.template-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.template-preview{height:245px;background:#eef4f9;position:relative;overflow:hidden}.template-preview img,.detail-preview img{width:100%;height:100%;object-fit:cover}.preview-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,var(--navy),#4d6d9f 55%,var(--sky));color:#fff}.preview-placeholder span{font-size:2.2rem;font-weight:900;letter-spacing:.09em}.preview-placeholder small{opacity:.8}.preview-placeholder.large{min-height:440px}.badge{position:absolute;top:15px;inset-inline-start:15px;background:var(--sky);color:#fff;padding:6px 12px;border-radius:30px;font-size:.78rem;font-weight:850}.template-body{padding:24px}.template-body h3{font-size:1.35rem;color:var(--navy);margin:0 0 8px}.template-body p{color:var(--muted);min-height:52px}.price{display:flex;flex-direction:column;margin:18px 0}.price small{color:var(--muted)}.price strong{font-size:1.28rem;color:var(--navy)}.card-actions{margin-top:15px}.card-actions .button{flex:1}.alt-section{background:var(--soft)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:36px;background:#fff;border-radius:var(--radius);border:1px solid var(--line)}.feature-card>span{font-size:2.4rem;font-weight:900;color:rgba(71,178,228,.3)}.feature-card h3{color:var(--navy);font-size:1.35rem}.feature-card p{color:var(--muted)}.process{text-align:center}.process .section-heading{margin-inline:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:auto}.step{display:flex;gap:15px;align-items:center;padding:22px;text-align:start;border:1px solid var(--line);border-radius:16px}.step b{display:grid;place-items:center;min-width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.detail-preview{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:440px}.detail-copy h1{font-size:clamp(2.3rem,4vw,4rem)}.auth-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:60px 20px;background:linear-gradient(145deg,#f5f9fd,#fff)}.auth-shell.wide .auth-card{max-width:720px}.auth-card{width:min(100%,520px);background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:clamp(25px,5vw,45px)}.auth-card h1{color:var(--navy);margin:12px 0 28px}.form-grid{display:grid;gap:17px}.form-grid label{display:grid;gap:7px;font-weight:700;color:var(--navy)}.form-grid input,.form-grid textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--ink);background:#fff;outline:none}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(71,178,228,.13)}.form-grid small,.auth-switch{color:var(--muted)}.auth-switch a{color:var(--sky);font-weight:800}.order-summary{display:grid;gap:4px;padding:20px;border-radius:15px;background:var(--soft);margin-bottom:24px}.order-summary b{font-size:1.25rem;color:var(--navy)}fieldset{border:0;padding:0;margin:0}legend{font-weight:850;color:var(--navy);margin-bottom:12px}.radio-card{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:12px!important;border:1px solid var(--line);padding:13px;border-radius:12px;margin:9px 0}.radio-card input{width:auto}.radio-card span{display:grid}.radio-card small{color:var(--muted)}.flash{position:fixed;z-index:50;top:92px;left:50%;transform:translateX(-50%);padding:12px 20px;border-radius:12px;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line);max-width:min(92vw,700px)}.flash-success{color:var(--success);border-color:#a6e1c8}.flash-danger{color:var(--danger);border-color:#f6b6b0}.flash-warning{color:#8a5a00;border-color:#f1d28c}.account-shell{background:var(--soft);min-height:75vh}.account-head{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,var(--navy-dark),var(--navy));color:#fff;padding:35px;border-radius:var(--radius);margin-bottom:24px}.account-head h1{margin:5px 0}.account-head p{opacity:.8}.account-grid{display:grid;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}.panel h2{font-size:1.55rem;margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:660px}th,td{text-align:start;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:.82rem}.status{display:inline-flex;padding:5px 10px;border-radius:20px;background:#edf2f7;font-size:.78rem;font-weight:800;font-style:normal}.status-completed,.status-paid{background:#dcfce7;color:#087a4c}.status-processing,.status-answered{background:#dbeafe;color:#1d4ed8}.status-cancelled,.status-closed{background:#fee2e2;color:#b42318}.status-pending,.status-open{background:#fef3c7;color:#8a5a00}.ticket-list{display:grid;margin-bottom:26px}.ticket-list>a{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.ticket-list span{display:grid}.ticket-list small{color:var(--muted)}.compact{border-top:1px solid var(--line);padding-top:20px}.ticket-page{max-width:980px;margin:auto}.ticket-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.ticket-head h1{color:var(--navy);margin:4px 0}.conversation{display:grid;gap:14px}.message{width:min(80%,680px);padding:18px;border-radius:16px;background:var(--soft);border:1px solid var(--line)}.message p{white-space:normal}.message small{color:var(--muted)}.admin-message{margin-inline-start:auto;background:var(--sky-soft);border-color:#bce6f8}.reply-form{margin-top:30px}.empty-state{grid-column:1/-1;text-align:center;padding:60px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}footer{background:var(--navy-dark);color:#fff;padding:50px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}footer p,footer small{opacity:.72}.footer-links{display:flex;gap:17px;flex-wrap:wrap}.footer-links a:hover{color:var(--sky)}html[dir=rtl] .hero h1,html[dir=rtl] .detail-copy h1{letter-spacing:0}
.payment-note{padding:15px 17px;border-radius:12px;background:var(--sky-soft);border:1px solid #bce6f8;color:var(--navy)}.payment-note p{margin:5px 0 0;color:var(--muted)}
@media(max-width:980px){.hero,.detail-layout{grid-template-columns:1fr}.hero{padding-top:65px}.hero-visual{min-height:340px}.template-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.main-nav{display:none;position:absolute;top:77px;inset-inline:15px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block}}
@media(max-width:640px){.hero{min-height:auto;padding-block:55px}.hero h1{font-size:2.55rem}.hero-visual{min-height:270px}.browser-card{inset:25px 5px 15px}.browser-layout span{height:95px}.template-grid,.feature-grid{grid-template-columns:1fr}.section{padding-block:60px}.account-head{align-items:flex-start;gap:20px;flex-direction:column}.detail-preview{min-height:300px}.preview-placeholder.large{min-height:300px}.message{width:92%}footer{grid-template-columns:1fr}.site-header{padding-inline:18px}}
.brand-logo{align-items:center;gap:10px;letter-spacing:0}.brand-logo img{width:142px;height:38px;object-fit:contain}.brand-logo small{padding-inline-start:10px;border-inline-start:1px solid var(--line)}.button-demo{background:var(--navy);color:#fff}.button-demo:hover{background:var(--navy-dark)}.form-grid select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--ink);background:#fff;outline:none}.payment-option{align-items:flex-start}.payment-option>input{margin-top:5px}.payment-method-details{display:grid!important;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.payment-method-details em{display:grid;font-style:normal;font-size:.8rem;color:var(--muted)}.payment-method-details em strong{font-size:.72rem;color:var(--navy)}.payment-method-details p,.payment-method-details .payment-qr{grid-column:1/-1}.payment-qr{width:130px;max-height:130px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.tickets-hub{min-height:70vh;background:var(--soft)}.tickets-title{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:28px}.tickets-title h1{margin:10px 0;color:var(--navy);font-size:clamp(2rem,4vw,3.5rem)}.new-ticket-dropdown{position:relative}.new-ticket-dropdown summary{list-style:none}.new-ticket-dropdown summary::-webkit-details-marker{display:none}.ticket-create-form{position:absolute;z-index:10;top:58px;inset-inline-end:0;width:min(92vw,480px);background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.site-footer{display:block;padding:0;background:linear-gradient(145deg,#1d2d4a,var(--navy-dark));color:#fff}.footer-grid{padding:65px clamp(22px,7vw,110px) 45px;display:grid;grid-template-columns:1.4fr .8fr 1fr 1fr;gap:50px}.site-footer h3{font-size:1rem;margin:0 0 16px;color:#fff}.footer-brand img{width:165px;height:45px;object-fit:contain;background:#fff;border-radius:9px;padding:7px}.footer-brand p{max-width:430px;color:rgba(255,255,255,.68)}.official-link{color:var(--sky);font-weight:800}.footer-nav{display:grid;gap:9px}.footer-nav a{color:rgba(255,255,255,.72)}.footer-nav a:hover,.official-link:hover{color:#fff}.social-title{margin-top:22px!important}.social-links{display:flex;gap:9px;flex-wrap:wrap}.social-links a{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:10px;font-size:.78rem;font-weight:900;text-transform:uppercase}.social-links a:hover{background:var(--sky);border-color:var(--sky)}.payment-badges{display:grid;gap:11px}.payment-badges span{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:11px}.payment-badges img{width:36px;height:28px}.payment-badges b{font-size:.85rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:20px clamp(22px,7vw,110px);color:rgba(255,255,255,.6)}
@media(max-width:1050px){.footer-grid{grid-template-columns:1fr 1fr}.card-actions .button{min-width:calc(50% - 8px)}}@media(max-width:640px){.brand-logo img{width:115px}.brand-logo small{display:none}.tickets-title{flex-direction:column}.new-ticket-dropdown{width:100%}.new-ticket-dropdown summary{width:100%}.ticket-create-form{position:static;margin-top:12px;width:100%}.payment-method-details{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.site-footer{padding:0}}
.brand-logo{background:var(--navy-dark);padding:4px 10px;border-radius:10px}.brand-logo img{width:176px}.brand-logo small{border-inline-start-color:rgba(255,255,255,.25)}.footer-brand img{width:205px;height:48px;background:transparent;border-radius:0;padding:0}@media(max-width:640px){.brand-logo img{width:115px}}
.template-detail{display:grid;gap:45px}.template-gallery{position:relative;overflow:hidden;border-radius:24px;background:var(--navy-dark);box-shadow:var(--shadow);aspect-ratio:16/7}.gallery-track,.gallery-slide{position:absolute;inset:0;margin:0}.gallery-slide{opacity:0;transform:scale(1.02);transition:opacity .55s ease,transform .8s ease;pointer-events:none}.gallery-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.gallery-slide img{width:100%;height:100%;object-fit:cover}.gallery-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:46px;height:46px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(36,54,87,.72);color:#fff;font-size:2rem;line-height:1;cursor:pointer}.gallery-arrow.previous{inset-inline-start:20px}.gallery-arrow.next{inset-inline-end:20px}.gallery-dots{position:absolute;z-index:3;inset-inline:0;bottom:18px;display:flex;justify-content:center;gap:8px}.gallery-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer}.gallery-dots button.active{width:27px;border-radius:10px;background:#fff}.detail-copy-wide{max-width:900px}.detail-copy-wide h1{font-size:clamp(2.3rem,4vw,4.2rem)}.terms-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:10px!important}.terms-check input{width:auto!important;margin-top:5px}.terms-check a{color:var(--sky);text-decoration:underline}.turnstile-box{min-height:65px;display:flex;align-items:center;overflow:hidden}.terms-page{background:var(--soft)}.terms-page>.section-heading{max-width:850px}.terms-page>.section-heading h1{font-size:clamp(2.1rem,4vw,4rem);color:var(--navy);margin:8px 0}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.terms-grid .panel h2{font-size:1.25rem}.terms-grid .panel p{color:var(--muted);margin-bottom:0}.attachment-field input[type=file]{padding:10px;border-style:dashed}.attachment-field small{font-weight:400}.message-attachments{display:flex;gap:10px;flex-wrap:wrap;margin:13px 0}.attachment-card{display:flex;align-items:center;gap:10px;width:min(100%,260px);padding:9px;background:#fff;border:1px solid var(--line);border-radius:11px}.attachment-card>img{width:76px;height:62px;object-fit:cover;border-radius:8px}.attachment-card>span:not(.file-icon){display:grid;min-width:0}.attachment-card>span b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:8px;background:#fee2e2;color:#b42318;font-size:.8rem;font-weight:900}
@media(max-width:700px){.template-gallery{aspect-ratio:4/3}.gallery-arrow{width:39px;height:39px}.terms-grid{grid-template-columns:1fr}.message-attachments{display:grid}.attachment-card{width:100%}}
.cart-link{position:relative;display:flex;align-items:center;gap:6px}.cart-link b{position:absolute;top:-10px;inset-inline-end:-13px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--sky);color:#fff;font-size:.68rem}.card-actions form,.hero-actions form{display:flex;flex:1}.card-actions form .button,.hero-actions form .button{width:100%;gap:7px}.button-disabled{background:#e8edf3;color:#8b98aa;cursor:not-allowed}.button-disabled:hover{transform:none}.template-info-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:35px;align-items:start}.template-features-panel{border:1px solid var(--line);border-radius:22px;padding:30px;background:linear-gradient(145deg,#fff,#f6fbfe);box-shadow:0 14px 40px rgba(36,54,87,.07)}.template-features-panel h2{color:var(--navy);margin:12px 0 22px}.template-features-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.template-features-panel li{display:flex;gap:10px;align-items:flex-start;padding-bottom:13px;border-bottom:1px solid var(--line)}.template-features-panel li:last-child{border-bottom:0}.template-features-panel i{color:var(--sky);font-size:1.1rem;margin-top:3px}.service-page{min-height:70vh;background:linear-gradient(180deg,#f7fbfe 0,#fff 420px)}.service-hero{max-width:780px;margin:0 auto 44px;text-align:center}.service-hero h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.1;color:var(--navy-dark);margin:15px 0}.service-hero p{color:var(--muted);font-size:1.08rem}.hosting-plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.hosting-plan-card{position:relative;display:flex;flex-direction:column;padding:28px 22px;background:#fff;border:1px solid #cdd9e7;border-radius:10px;box-shadow:0 12px 35px rgba(36,54,87,.05)}.hosting-plan-card.featured-plan{border:2px solid var(--sky);box-shadow:0 18px 45px rgba(71,178,228,.16)}.hosting-plan-card>small{color:var(--sky);font-weight:850}.hosting-plan-card h2{font-size:1.25rem;color:var(--navy);margin:6px 0}.hosting-plan-card>p{color:var(--muted);min-height:48px}.hosting-plan-card .plan-badge{top:14px}.hosting-price{display:grid;min-height:90px;margin:14px 0}.hosting-price strong{font-size:1.8rem;color:var(--navy-dark)}.hosting-price span,.hosting-price del{color:var(--muted);font-size:.78rem}.hosting-plan-card form{margin-bottom:22px}.hosting-plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:9px;font-size:.88rem}.hosting-plan-card li{display:flex;align-items:flex-start;gap:8px}.hosting-plan-card li i{color:var(--sky);margin-top:4px}.price-pending{font-size:1rem!important;color:#8a5a00!important}.domain-search-form{max-width:920px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:10px 10px 10px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}html[dir=rtl] .domain-search-form{padding:10px 18px 10px 10px}.domain-search-form>i{font-size:1.35rem;color:var(--sky)}.domain-search-form input{border:0;outline:0;padding:13px 15px;font-size:1.05rem;min-width:0}.domain-disclaimer{max-width:920px;margin:12px auto 25px;color:var(--muted);font-size:.82rem}.domain-disclaimer i{margin-inline-end:6px}.domain-result{max-width:920px;margin:0 auto 55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff}.domain-result>span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#eef2f7;font-size:1.5rem}.domain-result h2{margin:2px 0;color:var(--navy)}.domain-result p,.domain-result small{margin:0;color:var(--muted)}.domain-result.status-available{border-color:#a6e1c8}.domain-result.status-available>span{background:#dcfce7;color:var(--success)}.domain-result.status-registered>span{background:#fee2e2;color:var(--danger)}.domain-result-action{display:grid;justify-items:end;gap:8px}.domain-result-action form{margin:0}.domain-prices{max-width:980px;margin:70px auto 0}.domain-extension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.domain-extension-grid article{display:grid;gap:4px;padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.domain-extension-grid b{font-size:1.45rem;color:var(--navy)}.domain-extension-grid strong{color:var(--sky)}.domain-extension-grid small{color:var(--muted)}.cart-page{background:var(--soft);min-height:72vh}.empty-cart{max-width:650px;margin:auto;text-align:center;padding:60px 30px;border:1px dashed var(--line);border-radius:24px;background:#fff}.empty-cart>i{font-size:4rem;color:var(--sky)}.empty-cart h2{color:var(--navy)}.empty-cart p{color:var(--muted)}.cart-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:25px;align-items:start}.cart-items{display:grid;gap:14px}.cart-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:17px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:17px;background:#fff}.cart-item-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--sky-soft);color:var(--sky);font-size:1.35rem}.cart-item small{color:var(--sky);font-weight:800}.cart-item h2{color:var(--navy);font-size:1.1rem;margin:2px 0}.cart-item p{color:var(--muted);margin:0;font-size:.88rem}.cart-item>strong{color:var(--navy);white-space:nowrap}.cart-item form button{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:10px;background:#fee2e2;color:var(--danger);cursor:pointer}.cart-summary{position:sticky;top:100px;padding:27px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 18px 50px rgba(36,54,87,.09)}.cart-summary h2{margin-top:0;color:var(--navy)}.cart-summary>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.cart-total strong{font-size:1.25rem;color:var(--navy)}.cart-checkout{margin-top:20px}.checkout-login-note{padding:12px;border-radius:10px;background:var(--sky-soft);color:var(--navy);font-size:.88rem}.checkout-login-note i{margin-inline-end:7px}
@media(max-width:1180px){.hosting-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.template-info-grid,.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}.domain-extension-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hosting-plans-grid,.domain-extension-grid{grid-template-columns:1fr}.domain-search-form{grid-template-columns:auto 1fr}.domain-search-form .button{grid-column:1/-1}.domain-result{grid-template-columns:auto 1fr}.domain-result-action{grid-column:1/-1;justify-items:stretch}.cart-item{grid-template-columns:auto 1fr auto}.cart-item>strong{grid-column:2}.cart-item form{grid-column:3;grid-row:1/3}.template-info-grid{gap:20px}.template-features-panel{padding:22px}}
.category-filter{display:flex;gap:10px;flex-wrap:wrap;margin:-15px 0 34px}.category-filter a{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--navy);font-size:.88rem;font-weight:800;transition:.2s}.category-filter a:hover,.category-filter a.active{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-1px)}.category-filter small{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:rgba(71,178,228,.17);font-size:.72rem}.template-category{display:inline-flex;margin-bottom:8px;color:#1680b0;font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.price del,.order-summary del,.plan-price del{color:var(--muted);font-size:.86rem}.price strong{line-height:1.2}.hosting-section{padding-top:25px;background:var(--soft);border-radius:32px;margin:0 clamp(22px,4vw,70px) 80px}.hosting-section>.section-heading{max-width:780px}.plan-group+.plan-group{margin-top:42px}.plan-group>h3{color:var(--navy);font-size:1.45rem}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;overflow:hidden}.plan-card.featured-plan{border-color:var(--sky);box-shadow:0 18px 45px rgba(71,178,228,.13)}.plan-card>small{color:var(--sky);font-weight:850}.plan-card h4{font-size:1.45rem;color:var(--navy);margin:6px 0}.plan-card>p{color:var(--muted);min-height:50px}.plan-badge{position:absolute;top:16px;inset-inline-end:16px;padding:5px 10px;border-radius:20px;background:var(--sky-soft);color:#137aa9;font-size:.72rem;font-weight:850}.plan-price{display:grid;margin:20px 0}.plan-price strong{font-size:1.55rem;color:var(--navy)}.plan-price span{color:var(--muted);font-size:.8rem}.plan-card ul{list-style:none;padding:18px 0 0;margin:0;border-top:1px solid var(--line);display:grid;gap:9px}.plan-card li{display:flex;gap:9px;color:var(--muted);font-size:.9rem}.plan-card li i{color:var(--success)}
.tickets-title p{color:var(--muted);max-width:680px;margin:0}.tickets-workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:24px;align-items:start}.ticket-compose-card,.ticket-history{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 50px rgba(36,54,87,.07)}.ticket-compose-card{padding:clamp(22px,4vw,38px)}.compose-heading{display:flex;gap:15px;align-items:center;margin-bottom:27px}.compose-heading>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--sky-soft);color:var(--sky);font-size:1.35rem}.compose-heading small{color:var(--sky);font-weight:850}.compose-heading h2{color:var(--navy);margin:1px 0;font-size:1.55rem}.ticket-create-form{position:static!important;width:100%!important;padding:0!important;border:0!important;box-shadow:none!important}.ticket-form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.attachment-dropzone{position:relative;display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:17px!important;min-height:145px;padding:23px;border:2px dashed #b8d4e4;border-radius:17px;background:linear-gradient(145deg,#f9fcff,#eff8fc);cursor:pointer;transition:.2s}.attachment-dropzone:hover{border-color:var(--sky);background:var(--sky-soft)}.attachment-dropzone>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.attachment-dropzone>i{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:16px;background:#fff;color:var(--sky);box-shadow:0 8px 24px rgba(36,54,87,.1);font-size:1.7rem}.attachment-dropzone>span{display:grid;gap:2px;min-width:0}.attachment-dropzone b{color:var(--navy)}.attachment-dropzone em{font-style:normal;color:var(--muted);font-weight:500}.attachment-dropzone small{font-weight:400}.attachment-dropzone strong{margin-top:5px;color:#1680b0;font-size:.8rem;white-space:normal;overflow-wrap:anywhere}.compact-dropzone{min-height:105px}.ticket-submit{gap:9px;justify-self:start;min-width:150px}.ticket-history{padding:25px;position:sticky;top:100px}.history-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.history-heading h2{color:var(--navy);font-size:1.1rem;margin:0}.history-heading span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--sky-soft);color:#137aa9;font-weight:850}.ticket-history .ticket-list{margin:0}.ticket-history .ticket-list>a{gap:12px}.ticket-history .ticket-list span{min-width:0}.ticket-history .ticket-list b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-nav a i{margin-inline-end:7px}.social-links a{font-size:1.05rem;text-transform:none}.social-links .social-facebook:hover{background:#1877f2;border-color:#1877f2}.social-links .social-instagram:hover{background:#e4405f;border-color:#e4405f}.social-links .social-linkedin:hover{background:#0a66c2;border-color:#0a66c2}.social-links .social-youtube:hover{background:#ff0000;border-color:#ff0000}.social-links .social-whatsapp:hover{background:#25d366;border-color:#25d366}
@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,1fr)}.tickets-workspace{grid-template-columns:1fr}.ticket-history{position:static}}@media(max-width:700px){.plans-grid,.ticket-form-row{grid-template-columns:1fr}.hosting-section{margin-inline:12px}.attachment-dropzone{align-items:flex-start;flex-direction:column}.ticket-submit{width:100%}}
.attachment-dropzone.dragging{border-color:var(--sky);background:var(--sky-soft);box-shadow:0 0 0 4px rgba(71,178,228,.11)}


/* V0.6 storefront refinements */
.template-card .card-actions{display:grid;grid-template-columns:minmax(105px,.8fr) minmax(115px,.9fr) minmax(165px,1.35fr);gap:10px;align-items:stretch;flex-wrap:nowrap}.template-card .card-actions>a,.template-card .card-actions>form{min-width:0;margin:0}.template-card .card-actions>form{display:flex}.template-card .card-actions .button{width:100%;padding-inline:14px;white-space:nowrap;gap:7px}.hosting-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1180px;margin:0 auto 55px}.hosting-intro-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff}.hosting-intro-grid h2{margin:0 0 10px;color:var(--navy-dark);font-size:1.45rem}.hosting-intro-grid p{margin:0;color:var(--muted)}.hosting-benefits{max-width:1180px;margin:0 auto 60px}.hosting-benefits>h2{text-align:center;color:var(--navy-dark);font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 32px}.hosting-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 34px}.hosting-benefit-grid article{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}.hosting-benefit-grid article:last-child{grid-column:1/-1;max-width:560px}.hosting-benefit-grid article>span{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;background:var(--navy);color:#fff;font-size:1.1rem}.hosting-benefit-grid h3{margin:0 0 5px;color:var(--navy);font-size:1rem}.hosting-benefit-grid p{margin:0;color:var(--muted);font-size:.9rem}.promo-box{display:block!important;border-bottom:0!important;padding:16px 0 4px!important}.promo-form{display:grid;gap:8px;width:100%}.promo-form label{font-size:.85rem;font-weight:800;color:var(--navy)}.promo-form>div{display:grid;grid-template-columns:1fr auto;gap:8px}.promo-form input{min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-transform:uppercase;outline:none}.promo-form input:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(71,178,228,.12)}.promo-form button,.promo-active button{border:0;border-radius:10px;padding:10px 14px;background:var(--navy);color:#fff;font-weight:800;cursor:pointer}.promo-active{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:11px;background:var(--sky-soft)}.promo-active span{display:flex;align-items:center;gap:8px;color:var(--navy)}.promo-active button{background:transparent;color:var(--danger);padding:4px 0}.discount-row b{color:var(--success)}.discount-row small{display:block;color:var(--muted);font-size:.72rem}
@media(max-width:760px){.hosting-intro-grid,.hosting-benefit-grid{grid-template-columns:1fr}.hosting-benefit-grid article:last-child{grid-column:auto;max-width:none}}@media(max-width:560px){.template-card .card-actions{grid-template-columns:1fr 1fr}.template-card .card-actions>form{grid-column:1/-1}.template-card .card-actions>form .button{min-height:48px}.promo-form>div{grid-template-columns:1fr}.promo-form button{min-height:44px}}

/* V0.7 storefront additions */
.form-grid select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 14px;color:var(--ink);background:#fff;outline:none}.form-grid select:focus{border-color:var(--sky);box-shadow:0 0 0 4px rgba(71,178,228,.13)}.company-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.company-fields[hidden]{display:none!important}.hosting-info-after-plans{margin-top:72px}.hosting-info-after-plans .hosting-intro-grid{margin-bottom:48px}.hosting-info-after-plans .hosting-benefits{margin-bottom:0}.account-company{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.account-invoice-button{min-height:38px;padding-inline:12px;gap:6px;white-space:nowrap}.payment-complete-page,.invoice-page{max-width:1320px;margin:auto}.payment-page-heading{max-width:760px;margin-bottom:32px}.payment-page-heading h1{color:var(--navy-dark);font-size:clamp(2rem,4vw,3.5rem);margin:10px 0}.payment-page-heading p{color:var(--muted)}.payment-confirmation-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:28px;align-items:start}.customer-invoice-card,.payment-reference-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 18px 50px rgba(36,54,87,.08)}.customer-invoice-card{padding:clamp(22px,4vw,38px)}.customer-invoice-card>header{display:flex;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:2px solid var(--navy);color:var(--navy)}.customer-invoice-card>header h1,.customer-invoice-card>header h2{margin:2px 0;color:var(--navy-dark)}.customer-invoice-card>header>div:last-child{text-align:end;display:grid;align-content:start}.invoice-brand{display:grid!important;text-align:start!important}.invoice-brand b{font-size:1.3rem;letter-spacing:.08em}.invoice-brand span{color:var(--sky);font-weight:850}.invoice-brand small{color:var(--muted);font-weight:500}.invoice-bill-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.invoice-bill-grid>div{display:grid;gap:4px;padding:17px;border-radius:14px;background:var(--soft)}.invoice-bill-grid small{color:var(--muted)}.customer-invoice-items{display:grid;border-top:1px solid var(--line)}.customer-invoice-items>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.customer-invoice-items span{display:grid}.customer-invoice-items small{color:var(--muted)}.customer-invoice-totals{width:min(100%,440px);margin:22px 0 0 auto}.customer-invoice-totals>div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line)}.customer-invoice-totals .grand{font-size:1.15rem;border-top:2px solid var(--navy);border-bottom:0;margin-top:7px;padding-top:14px;color:var(--navy)}html[dir=rtl] .customer-invoice-totals{margin-left:0;margin-right:auto}.payment-reference-card{padding:28px;position:sticky;top:100px}.payment-method-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.payment-method-title>span{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--sky-soft);color:var(--sky);font-size:1.25rem}.payment-method-title small{color:var(--muted)}.payment-method-title h2{margin:0;color:var(--navy)}.payment-details-list{display:grid;gap:10px}.payment-details-list>div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.payment-details-list span{color:var(--muted);font-size:.85rem}.payment-details-list b{text-align:end;overflow-wrap:anywhere}.payment-details-list p{padding:13px;border-radius:12px;background:var(--soft);color:var(--muted)}.payment-qr-large{width:min(220px,100%);margin:12px auto;border:1px solid var(--line);border-radius:14px;padding:9px}.payment-reference-box{display:grid;gap:9px;margin-top:22px;padding:19px;border:1px solid #b9e5f8;border-radius:15px;background:var(--sky-soft)}.payment-reference-box>span{font-weight:800;color:var(--navy)}.payment-reference-box>strong{font-size:1.45rem;letter-spacing:.06em;color:var(--navy-dark);overflow-wrap:anywhere}.payment-reference-box .button{justify-self:start;min-height:38px}.payment-reference-box small{color:var(--muted)}.payment-proof-notice{display:flex;gap:12px;margin-top:18px;padding:16px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa}.payment-proof-notice>i{font-size:1.35rem;color:#c2410c}.payment-proof-notice b{color:#9a3412}.payment-proof-notice p{margin:4px 0 0;color:#7c2d12;font-size:.9rem}.payment-next-actions{display:grid;gap:10px;margin-top:18px}.payment-next-actions .button{gap:8px}.invoice-page-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:18px}.standalone-invoice{max-width:1050px;margin:auto}.invoice-table-wrap{overflow:auto}.customer-invoice-table{min-width:700px}.customer-invoice-table td small{display:block;color:var(--muted);margin-top:3px}@media(max-width:940px){.payment-confirmation-grid{grid-template-columns:1fr}.payment-reference-card{position:static}}@media(max-width:640px){.company-fields,.invoice-bill-grid{grid-template-columns:1fr}.customer-invoice-card>header{display:grid}.customer-invoice-card>header>div:last-child{text-align:start}.payment-details-list>div{grid-template-columns:1fr}.payment-details-list b{text-align:start}.invoice-page-actions{justify-content:stretch;flex-direction:column}.invoice-page-actions .button{width:100%}}@media print{.site-header,.site-footer,.invoice-page-actions,.flash{display:none!important}.invoice-page{padding:0!important}.standalone-invoice{box-shadow:none;border:0;border-radius:0;max-width:none}.customer-invoice-card{box-shadow:none}}

/* V0.8 template language configurator */
.template-language-dialog{width:min(980px,calc(100% - 28px));max-height:90vh;border:0;border-radius:24px;padding:0;background:var(--surface,#fff);color:inherit;box-shadow:0 30px 90px rgba(30,54,93,.25);overflow:auto}
.template-language-dialog::backdrop{background:rgba(18,31,52,.58);backdrop-filter:blur(4px)}
.template-language-form{padding:28px}
.language-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid #dce6f1}
.language-dialog-head h2{margin:7px 0 8px;font-size:clamp(24px,4vw,34px);color:#2e4f82}.language-dialog-head p{margin:0;max-width:760px;line-height:1.75;color:#627493}
.dialog-close{border:0;background:#eef5fb;color:#2e4f82;width:42px;height:42px;border-radius:50%;font-size:28px;cursor:pointer;flex:0 0 auto}
.language-template-name{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:20px 0;padding:15px 18px;background:#f5f9fc;border:1px solid #d9e7f3;border-radius:14px}.language-template-name span{color:#667896}.language-template-name strong{color:#24477a}
.language-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.language-surface-card{min-width:0;border:1px solid #d8e5f1;border-radius:18px;padding:18px}.language-surface-card legend{padding:0 7px;font-weight:800;color:#2e4f82;font-size:18px}.surface-price{display:block;margin:-2px 0 14px;color:#6d7f9a}
.language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.language-option{display:block;cursor:pointer}.language-option input{position:absolute;opacity:0;pointer-events:none}.language-option span{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid #dce6ef;border-radius:12px;padding:10px 12px;background:#fff;transition:.18s ease}.language-option span b{font-size:14px}.language-option span em{font-style:normal;font-size:11px;color:#6f8099}.language-option input:checked+span{border-color:#46b2e4;background:#edf8fd;box-shadow:0 0 0 2px rgba(70,178,228,.1)}
.custom-language-field{display:block;margin-top:14px;font-weight:700;color:#35527e}.custom-language-field input{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d4e1ed;border-radius:11px;padding:11px 12px;font:inherit}
.language-selection-error{margin:14px 0 0;padding:11px 13px;border-radius:10px;background:#fff1f1;color:#a12828;font-weight:700}
.language-price-summary{margin-top:18px;border:1px solid #d8e5f1;border-radius:16px;padding:14px 18px;background:#fbfdff}.language-price-summary>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 0}.language-price-summary .language-grand-total{border-top:1px solid #d8e5f1;margin-top:4px;padding-top:13px;font-size:18px;color:#254c82}
.language-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.cart-language-summary{display:grid;gap:4px;margin-top:10px;padding:10px 12px;border-radius:10px;background:#f4f9fd;color:#4b6489;font-size:13px}.cart-language-summary small{color:#0d83b9;font-weight:800}
@media(max-width:780px){.language-config-grid{grid-template-columns:1fr}.language-options{grid-template-columns:1fr}.template-language-form{padding:18px}.language-dialog-head{gap:12px}.language-dialog-actions{flex-direction:column}.language-dialog-actions .button{width:100%}.language-template-name{align-items:flex-start;flex-direction:column}}

/* V0.9 profile security, language-choice messaging and delivery details */
.account-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start;margin-bottom:24px}.account-profile-note p,.password-change-panel small{color:var(--muted);line-height:1.75}.password-change-panel .form-grid{margin-top:14px}.template-delivery-notice{display:flex;gap:14px;align-items:flex-start;margin-top:18px;padding:17px 18px;border:1px solid #bce2f4;border-radius:14px;background:#f1faff}.template-delivery-notice>i{font-size:1.35rem;color:var(--sky)}.template-delivery-notice b{color:var(--navy)}.template-delivery-notice p{margin:5px 0;color:var(--muted)}.template-delivery-notice small{display:block;color:var(--navy);font-weight:800}.invoice-price-split{display:grid;gap:3px}.invoice-price-split small{color:var(--muted)}.invoice-price-split strong{color:var(--navy)}
@media(max-width:900px){.account-profile-grid{grid-template-columns:1fr}}


/* INSTOLLA TURNSTILE PROFESSIONAL FRAME */
.turnstile-box {
    position: relative;
    box-sizing: border-box;

    width: min(100%, 360px);
    min-height: 100px;

    padding: 16px 28px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(71, 178, 228, 0.48);
    border-radius: 15px;

    box-shadow:
        0 14px 34px rgba(36, 54, 87, 0.08);

    overflow: visible;
}

/* Cyan accent line at the top */
.turnstile-box::before {
    content: "";
    position: absolute;

    top: -1px;
    left: 18px;
    right: 18px;

    height: 3px;

    background: #47b2e4;
    border-radius: 0 0 4px 4px;
}

/* Registration: centered */
.auth-card .turnstile-box {
    margin-inline: auto;
    justify-self: center;
}

/* Tickets: keep current position */
.ticket-create-form .turnstile-box,
.reply-form .turnstile-box {
    margin-inline-start: 0;
    margin-inline-end: auto;
    justify-self: start;
}

/* Cloudflare widget */
.turnstile-box .cf-turnstile {
    width: 300px;
    max-width: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 420px) {
    .turnstile-box {
        width: 100%;
        min-height: 96px;
        padding: 14px 10px;
        border-radius: 14px;
    }

    .turnstile-box::before {
        left: 18px;
        right: 18px;
    }
}
/* Registration: centered inside the authentication card */
.auth-card .turnstile-box {
    margin-inline: auto;
    justify-self: center;
}

/* Tickets: preserve the existing position in the form */
.ticket-create-form .turnstile-box,
.reply-form .turnstile-box {
    margin-inline-start: 0;
    margin-inline-end: auto;
    justify-self: start;
}

/* Keep Cloudflare widget itself clean and centered */
.turnstile-box .cf-turnstile {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
}

/* Small screens */
@media (max-width: 420px) {
    .turnstile-box {
        width: 100%;
        min-height: 94px;
        padding: 15px 10px;
        border-radius: 13px;
    }
}



/* INSTOLLA REMEMBER ME */
.remember-me-row{
    display:flex!important;
    align-items:center;
    gap:10px!important;
    justify-self:start;
    cursor:pointer
}

.remember-me-row input{
    width:18px!important;
    height:18px;
    margin:0;
    accent-color:var(--sky)
}

.remember-me-row span{
    font-weight:700;
    color:var(--navy)
}


/* INSTOLLA CSP TRACKING */
.tracking-noscript-frame {
    display: none;
    visibility: hidden;
    width: 0;
    height: 0;
    border: 0;
}

/* INSTOLLA WEBSITES MOBILE UI FIX 2026-09-01 */

/*
 * Prevent intrinsic Grid sizing from forcing authentication
 * cards beyond the viewport.
 */
.auth-shell {
    width: 100%;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
}

.auth-card {
    width: 100%;
    max-width: 520px;
    min-width: 0;
    margin-inline: auto;
}

.auth-card .form-grid,
.auth-card .form-grid > *,
.auth-card .company-fields,
.auth-card label {
    min-width: 0;
}

.auth-card input,
.auth-card select,
.auth-card textarea {
    min-width: 0;
    max-width: 100%;
}


/*
 * Tickets use the same responsive containment rules.
 */
.tickets-hub {
    max-width: 100%;
    overflow-x: clip;
}

.tickets-title,
.tickets-workspace {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}

.tickets-workspace,
.ticket-compose-card,
.ticket-history,
.ticket-create-form,
.ticket-form-row,
.ticket-form-row > *,
.ticket-create-form label {
    min-width: 0;
}

.ticket-compose-card,
.ticket-history {
    width: 100%;
    max-width: 100%;
}

.ticket-create-form input,
.ticket-create-form select,
.ticket-create-form textarea,
.reply-form input,
.reply-form select,
.reply-form textarea {
    min-width: 0;
    max-width: 100%;
}


/*
 * Phone layout.
 */
@media (max-width: 640px) {

    .site-header {
        padding-inline: 12px;
        gap: 10px;
    }

    /*
     * Keep the Instolla corporate logo but clearly identify
     * this application as Instolla Websites.
     */
    .brand-logo {
        min-width: 0;
        max-width: calc(100% - 48px);
        gap: 7px;
        padding: 4px 8px;
    }

    .brand-logo img {
        width: 108px;
        height: 36px;
        flex: 0 0 auto;
        object-fit: contain;
    }

    .brand-logo small {
        display: inline-flex !important;
        align-items: center;
        min-width: 0;
        padding-inline-start: 7px;
        border-inline-start: 1px solid rgba(255,255,255,.25);
        color: var(--sky);
        font-size: .68rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: 0;
        white-space: nowrap;
    }


    /*
     * Register / Login card.
     */
    .auth-shell {
        min-height: calc(100vh - 78px);
        padding: 32px 12px;
        place-items: start center;
        overflow-x: clip;
    }

    .auth-card {
        width: 100%;
        max-width: 520px;
        padding: 24px 16px;
        border-radius: 18px;
    }

    .auth-card h1 {
        margin-top: 12px;
        font-size: clamp(2rem, 10vw, 2.65rem);
        line-height: 1.08;
        overflow-wrap: anywhere;
    }


    /*
     * Tickets.
     */
    .tickets-hub {
        padding-inline: 16px;
    }

    .tickets-title,
    .tickets-workspace {
        width: 100%;
        max-width: 100%;
        margin-inline: auto;
    }

    .ticket-compose-card,
    .ticket-history {
        width: 100%;
        margin-inline: auto;
        border-radius: 18px;
    }

    .ticket-compose-card {
        padding: 22px 16px;
    }

    .ticket-history {
        padding: 20px 16px;
    }

    .ticket-form-row {
        grid-template-columns: minmax(0, 1fr);
    }

    .attachment-dropzone {
        max-width: 100%;
    }
}

@media (max-width: 380px) {

    .brand-logo {
        gap: 5px;
        padding-inline: 7px;
    }

    .brand-logo img {
        width: 100px;
    }

    .brand-logo small {
        padding-inline-start: 6px;
        font-size: .64rem;
    }

    .auth-shell {
        padding-inline: 10px;
    }

    .auth-card {
        padding-inline: 14px;
    }

    .tickets-hub {
        padding-inline: 12px;
    }
}

/* INSTOLLA ADMIN PANEL DEMO BUTTON 2026-09-03 */

.button-admin-demo{
    background:#fff;
    color:var(--sky);
    border-color:var(--sky);
}

.button-admin-demo:hover{
    background:var(--sky-soft);
    color:#137aa9;
}

.template-card .card-actions{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
    gap:10px;
    align-items:stretch;
}

.template-card .card-actions>.button{
    min-width:0;
    width:100%;
}

.template-card .card-actions>.button-primary{
    grid-column:1/-1;
    min-height:48px;
}

@media(max-width:560px){
    .template-card .card-actions{
        grid-template-columns:1fr 1fr;
    }

    .template-card .card-actions>.button-admin-demo{
        grid-column:1/-1;
    }

    .template-card .card-actions>.button-primary{
        grid-column:1/-1;
    }
}

/* INSTOLLA PROFESSIONAL TEMPLATE CTA LAYOUT 2026-09-03 */

/*
|--------------------------------------------------------------------------
| Template catalog card
|--------------------------------------------------------------------------
| Top row:
| View details | Live Demo | Admin Panel Demo
|
| Bottom row:
| Add to cart — full width
|--------------------------------------------------------------------------
*/

.template-card .card-actions {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.template-card .card-actions > .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 54px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 12px 10px;
    text-align: center;
    white-space: normal;
    line-height: 1.25;
}

.template-card .card-actions > button[data-template-language-open] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
}


/*
|--------------------------------------------------------------------------
| Template detail page
|--------------------------------------------------------------------------
| Top row:
| Live Demo | Admin Panel Demo
|
| Bottom row:
| Add to cart — full width
|--------------------------------------------------------------------------
*/

.detail-copy .hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.detail-copy .hero-actions > .button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 13px 14px;
    text-align: center;
    white-space: normal;
}

/*
 * Add-to-cart is currently the first element in the HTML.
 * CSS order moves it below the two demo buttons.
 */
.detail-copy .hero-actions > button[data-template-language-open] {
    grid-column: 1 / -1 !important;
    order: 2;
    width: 100% !important;
    min-width: 0 !important;
}

.detail-copy .hero-actions > .button-demo,
.detail-copy .hero-actions > .button-admin-demo {
    order: 1;
}


/*
|--------------------------------------------------------------------------
| Admin Panel Demo button
|--------------------------------------------------------------------------
| Instolla blue / sky accent.
|--------------------------------------------------------------------------
*/

.button-admin-demo {
    background:
        linear-gradient(
            135deg,
            #2f74d0 0%,
            #47b2e4 100%
        ) !important;

    color: #ffffff !important;
    border: 1px solid transparent !important;

    box-shadow:
        0 10px 24px rgba(47, 116, 208, .20);

    font-weight: 800;
}

.button-admin-demo:visited {
    color: #ffffff !important;
}

.button-admin-demo:hover,
.button-admin-demo:focus {
    background:
        linear-gradient(
            135deg,
            #285fae 0%,
            #349fd5 100%
        ) !important;

    color: #ffffff !important;
    border-color: transparent !important;

    box-shadow:
        0 14px 28px rgba(47, 116, 208, .28);

    transform: translateY(-1px);
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media (max-width: 760px) {

    /*
     * On narrow screens we avoid squeezing three long labels
     * into one row.
     */

    .template-card .card-actions {
        grid-template-columns: 1fr !important;
    }

    .template-card .card-actions > button[data-template-language-open] {
        grid-column: 1 !important;
    }

    .detail-copy .hero-actions {
        grid-template-columns: 1fr !important;
    }

    .detail-copy .hero-actions > button[data-template-language-open] {
        grid-column: 1 !important;
    }
}

/* INSTOLLA HOME TEMPLATE CTA REFINEMENT 2026-09-03 */

/*
|--------------------------------------------------------------------------
| Homepage template cards only
|--------------------------------------------------------------------------
|
| Row 1: View details — full width
| Row 2: Live Demo | Admin Panel Demo
| Row 3: Add to cart — full width
|
| Template detail page remains unchanged.
|--------------------------------------------------------------------------
*/

.template-card .card-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    width: 100% !important;
    align-items: stretch !important;
}


/*
|--------------------------------------------------------------------------
| View details
|--------------------------------------------------------------------------
*/

.template-card .card-actions > .button-ghost {
    grid-column: 1 / -1 !important;
    width: 100% !important;

    min-height: 52px;

    border: 2px solid #d4deec !important;
    border-radius: 13px;

    background: #ffffff;

    color: #294a7e;

    font-weight: 800;

    box-shadow:
        0 5px 14px rgba(36, 54, 87, .035);

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease,
        transform .2s ease;
}

.template-card .card-actions > .button-ghost:hover,
.template-card .card-actions > .button-ghost:focus {
    border-color: #47b2e4 !important;

    background: #f8fcff;

    color: #294a7e;

    box-shadow:
        0 8px 20px rgba(71, 178, 228, .10);

    transform: translateY(-1px);
}


/*
|--------------------------------------------------------------------------
| Demo buttons
|--------------------------------------------------------------------------
*/

.template-card .card-actions > .button-demo,
.template-card .card-actions > .button-admin-demo {
    grid-column: auto !important;

    width: 100% !important;
    min-width: 0 !important;

    min-height: 54px;

    padding-left: 12px;
    padding-right: 12px;

    white-space: normal;

    line-height: 1.25;

    text-align: center;
}


/*
|--------------------------------------------------------------------------
| Add to cart
|--------------------------------------------------------------------------
|
| Keep its existing visual design.
| Only preserve its full-width grid position.
|--------------------------------------------------------------------------
*/

.template-card .card-actions > button[data-template-language-open] {
    grid-column: 1 / -1 !important;
    width: 100% !important;
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media (max-width: 520px) {

    .template-card .card-actions {
        grid-template-columns: 1fr !important;
    }

    .template-card .card-actions > .button-ghost,
    .template-card .card-actions > .button-demo,
    .template-card .card-actions > .button-admin-demo,
    .template-card .card-actions > button[data-template-language-open] {
        grid-column: 1 !important;
    }
}