/* Responsive presentation only. Native amounts, fields and actions stay intact. */
@media(max-width:991px){
 body.ph-ssr-active.page-viewcart .main-body{padding-bottom:136px!important}
 body.ph-ssr-active.page-viewcart .order-summary-mob{padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0;box-shadow:0 -4px 20px rgba(20,20,50,.06)!important}
 body.ph-ssr-active.page-viewcart .order-summary-mob>.summary-container{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(112px,142px);gap:0 10px;align-items:center}
 body.ph-ssr-active.page-viewcart .order-summary-mob .summary-container>.content{grid-column:1/-1;max-height:calc(100dvh - 160px);padding-inline:0}
 body.ph-ssr-active.page-viewcart .order-summary-mob .total-due-today{display:contents}
 body.ph-ssr-active.page-viewcart .order-summary-mob .total-due-today>.content{grid-column:1;display:flex;flex-direction:column-reverse;gap:2px;margin:0;min-width:0}
 body.ph-ssr-active.page-viewcart .order-summary-mob .total-due-today-text{font-size:11px;line-height:15px}
 body.ph-ssr-active.page-viewcart .order-summary-mob .total-due-today .amt{font-size:24px;line-height:29px;margin:0;letter-spacing:-.5px;overflow-wrap:normal}
 body.ph-ssr-active.page-viewcart .order-summary-mob .total-due-today>.btn-rounded{grid-column:2;width:44px;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:8px;background:var(--ph-lab-soft);color:var(--ph-lab-muted)}
 body.ph-ssr-active.page-viewcart .order-summary-mob .order-summary-actions{grid-column:3;margin:0;min-width:0}
 body.ph-ssr-active.page-viewcart .order-summary-mob .order-summary-actions .btn-checkout{width:100%;padding:11px 10px;font-size:13px;min-height:44px}
}
@media(max-width:767px){
 body.ph-ssr-active.page-viewcart .main-header{margin-bottom:20px}
 body.ph-ssr-active.page-viewcart .main-header h1{font-size:24px;line-height:1.3;letter-spacing:-.5px}
 /* Give the title the whole first row. Price and actions share the last row;
    the native 69%/30% flex split was squeezing names and adding empty height. */
 body.ph-ssr-active.page-viewcart .order-content .panel-cart .cart-item{padding:16px;margin-bottom:12px}
 body.ph-ssr-active.page-viewcart .cart-item>.row:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;margin:0;align-items:center}
 body.ph-ssr-active.page-viewcart .cart-item>.row::before,
 body.ph-ssr-active.page-viewcart .cart-item>.row::after,
 body.ph-ssr-active.page-viewcart .cart-item>.row>.clearfix{content:none;display:none}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-name,.prod-price,.item-price,.prod-actions,.prod-desc,.prod-qty){width:auto;min-width:0;min-height:0;flex:none;float:none;margin:0;padding:0;position:static}
 body.ph-ssr-active.page-viewcart .cart-item>.row>.prod-name{grid-column:1/-1;grid-row:1}
 body.ph-ssr-active.page-viewcart .cart-item>.row>.prod-name::before{position:static;display:block;font-size:10px;line-height:14px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
 body.ph-ssr-active.page-viewcart .cart-item-title{padding:0}
 body.ph-ssr-active.page-viewcart .cart-item-title h2{font-size:15px;line-height:22px;margin:0;font-weight:600}
 body.ph-ssr-active.page-viewcart .cart-item .text-domain{display:block;font-size:12px;line-height:18px;margin-top:2px}
 body.ph-ssr-active.page-viewcart .cart-item>.row>.prod-desc{grid-column:1/-1;grid-row:2;display:block}
 body.ph-ssr-active.page-viewcart .cart-item .prod-desc>.content{width:100%;padding:0}
 body.ph-ssr-active.page-viewcart .cart-item .additional-information{border:0;margin:0;padding:0;list-style:none;font-size:12px;line-height:18px}
 body.ph-ssr-active.page-viewcart .cart-item .additional-information li{padding:0;margin:0;gap:8px}
 body.ph-ssr-active.page-viewcart .cart-item .additional-information li>.content{width:auto;padding:0}
 body.ph-ssr-active.page-viewcart .cart-item>.row>.prod-qty{grid-column:1/-1;grid-row:2}
 body.ph-ssr-active.page-viewcart .cart-item>.row:has(.prod-desc)>.prod-qty{grid-row:3}
 body.ph-ssr-active.page-viewcart .cart-item .prod-qty::before{position:static;display:block;font-size:11px;line-height:16px;margin-bottom:4px}
 body.ph-ssr-active.page-viewcart .cart-item .prod-qty .input-number{position:relative;inset:auto;height:44px;margin:0;max-width:140px;border:1px solid var(--ph-lab-border);border-radius:6px}
 body.ph-ssr-active.page-viewcart .cart-item .prod-qty .input-number input{height:42px;min-height:42px;align-self:stretch}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-price,.item-price,.prod-actions){grid-row:2;border-top:1px solid var(--ph-lab-border);padding-top:10px;align-self:stretch}
 body.ph-ssr-active.page-viewcart .cart-item>.row:has(:is(.prod-desc,.prod-qty))>:is(.prod-price,.item-price,.prod-actions){grid-row:3}
 body.ph-ssr-active.page-viewcart .cart-item>.row:has(.prod-desc):has(.prod-qty)>:is(.prod-price,.item-price,.prod-actions){grid-row:4}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-price,.item-price){grid-column:1;position:relative;display:flex;flex-direction:column;justify-content:center;background:transparent!important;border-radius:0}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-price,.item-price)::before{display:none}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-price,.item-price)::after{content:'';position:absolute;top:-1px;right:-12px;width:12px;border-top:1px solid var(--ph-lab-border)}
 body.ph-ssr-active.page-viewcart .cart-item>.row>:is(.prod-price,.item-price)>.cart-item-price{display:block;height:auto;flex:0 0 auto;padding:0;border:0;font-size:15px;line-height:22px;font-weight:600}
 body.ph-ssr-active.page-viewcart .cart-item .ph-cart-domain-price{font-size:15px;line-height:22px}
 body.ph-ssr-active.page-viewcart .cart-item .renewal{display:block;margin:0;font-size:11px!important;font-weight:400;line-height:16px}
 body.ph-ssr-active.page-viewcart .cart-item>.row>.prod-actions{grid-column:2;display:flex;align-items:center;justify-content:flex-end}
 body.ph-ssr-active.page-viewcart .cart-item-actions{padding:0}
 body.ph-ssr-active.page-viewcart .cart-item-actions>.btn{width:44px;min-width:44px;height:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 body.ph-ssr-active.page-viewcart .cart-item :is(.cart-item-title,.text-domain){overflow-wrap:anywhere}
 /* The authenticated branch nests BOTH buttons in one .content wrapper.
    Flatten wrappers for layout so guest and account carts have the same gap. */
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px;padding:0;border:0;background:transparent!important}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer>.content{display:contents!important}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;min-height:44px;width:auto;min-width:0;margin:0;padding:10px 12px;font-size:12px;line-height:20px;background:var(--ph-lab-surface);border:1px solid var(--ph-lab-border);color:var(--ph-lab-muted)}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer #btnEmptyCart{background:transparent!important;border-color:transparent!important;color:var(--ph-lab-muted)!important}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer .btn:is(:hover,:focus-visible){border-color:var(--ph-lab-accent);color:var(--ph-lab-accent);background:var(--ph-lab-tint)}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer #btnEmptyCart:is(:hover,:focus-visible){border-color:var(--ph-lab-accent)!important;color:var(--ph-lab-accent)!important;background:var(--ph-lab-tint)!important}
}
@media(max-width:575px){
 body.ph-ssr-active .ph-password-generator .ph-password-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body.ph-ssr-active .ph-password-generator .ph-password-tools>.btn{width:100%;min-height:44px;flex:none}
 body.ph-ssr-active .ph-password-generator .modal-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
 body.ph-ssr-active .ph-password-generator .modal-footer>.btn{width:100%;min-height:44px;flex:none;margin:0}
 body.ph-ssr-active .ph-password-generator .modal-footer>.btn-primary{grid-row:1}
 body.ph-ssr-active .ph-password-generator .modal-header>.close{width:44px;height:44px;right:8px}
}
@media(max-width:389px){
 body.ph-ssr-active.page-viewcart .order-summary-mob>.summary-container{grid-template-columns:minmax(0,1fr) 44px 112px;gap:0 8px}
 body.ph-ssr-active.page-viewcart .order-content .panel-cart>.panel-footer{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1199px){
 body.ph-ssr-active.page-pulseorder .main-body{padding:24px 16px 32px!important;background:var(--ph-lab-bg)!important}
 body.ph-ssr-active.page-pulseorder .main-body>.container{width:100%;max-width:900px;padding:0;margin-inline:auto}
 body.ph-ssr-active.page-pulseorder .main-content{padding:0;width:100%;float:none;min-width:0}
 body.ph-ssr-active.page-pulseorder .main-header{margin:0 0 24px;padding:0!important}
 body.ph-ssr-active.page-pulseorder h1{font-family:inherit;font-size:28px;font-weight:700;line-height:1.25;letter-spacing:-.5px;margin:0;color:var(--ph-lab-text)}
 body.ph-ssr-active.page-pulseorder h2{font-family:inherit;font-size:22px;font-weight:600;line-height:1.4;color:var(--ph-lab-text)}
 body.ph-ssr-active.page-pulseorder h3{font-family:inherit;font-size:18px;font-weight:600;line-height:1.5;color:var(--ph-lab-text)}
 body.ph-ssr-active.page-pulseorder .breadcrumb{font-size:12px;color:var(--ph-lab-muted)}
 body.ph-ssr-active.page-pulseorder .breadcrumb :is(li,a){color:var(--ph-lab-muted)!important}
 body.ph-ssr-active.page-pulseorder .main-content>form>.row{display:block}
 body.ph-ssr-active.page-pulseorder .main-content>form>.row>[class*="col-"]{width:100%;float:none;margin-left:0}
 body.ph-ssr-active.page-pulseorder .section-header{margin:0 0 12px;gap:12px}
 body.ph-ssr-active.page-pulseorder .section-form{margin-bottom:24px}
 body.ph-ssr-active.page-pulseorder .card{border:1px solid var(--ph-lab-border)!important;border-radius:10px;background:var(--ph-lab-surface)!important;color:var(--ph-lab-text);box-shadow:none}
 body.ph-ssr-active.page-pulseorder .card .card-body{background:transparent;color:inherit;border-radius:inherit}
 body.ph-ssr-active.page-pulseorder :is(.card.selected,.card:has(.selected)){border-color:var(--ph-lab-accent)!important;background:var(--ph-lab-tint)!important}
 body.ph-ssr-active.page-pulseorder .card.disabled{opacity:.5;background:var(--ph-lab-soft)!important}
 body.ph-ssr-active.page-pulseorder .card:not(.disabled):has(.selectable):hover{border-color:var(--ph-lab-accent)!important}
 body.ph-ssr-active.page-pulseorder .section-form.card.card-body{padding:16px}
 body.ph-ssr-active.page-pulseorder .section-form.card.card-body>.row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin:0}
 body.ph-ssr-active.page-pulseorder .section-form.card.card-body>.row>[class*="col-"]{width:auto;float:none;padding:0;min-width:0;justify-content:flex-start!important;font-size:14px!important;line-height:1.7}
 body.ph-ssr-active.page-pulseorder .section-form.card.card-body>.row>[class*="col-"]:first-child{grid-column:1/-1;font-size:18px!important}
 body.ph-ssr-active.page-pulseorder .section-form.card.card-body>.row img{width:20px!important;max-width:20px;height:auto!important;flex-shrink:0}
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 24px}
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types)::before,
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types)::after{display:none;content:none}
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types)>[class*="col-"]{width:auto;float:none;padding:0;min-width:0}
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types) .card{height:100%;margin:0!important}
 body.ph-ssr-active.page-pulseorder .card.selectable{padding:0}
 body.ph-ssr-active.page-pulseorder .selectable{min-height:60px;padding:14px 12px;font-size:14px!important}
 body.ph-ssr-active.page-pulseorder .choose-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;min-height:64px;padding:14px 12px;font-size:14px;line-height:1.5}
 body.ph-ssr-active.page-pulseorder .choose-content>img{height:30px!important;width:auto;margin:0!important}
 body.ph-ssr-active.page-pulseorder .choose-select{width:100%;min-width:0;min-height:44px;font-size:13px;border:0;border-top:1px solid var(--ph-lab-border);border-radius:0 0 9px 9px;background:var(--ph-lab-soft);color:var(--ph-lab-text)}
 body.ph-ssr-active.page-pulseorder .form-control{min-height:44px;font-size:14px;background:var(--ph-lab-soft);color:var(--ph-lab-text);border-color:var(--ph-lab-border);border-radius:6px}
 body.ph-ssr-active.page-pulseorder .btn{min-height:44px;font-size:13px;line-height:20px;padding:11px 14px;border-radius:6px;white-space:normal}
 body.ph-ssr-active.page-pulseorder :is(#register-btn-div,#login-btn-div){width:100%;float:none;margin:0 0 10px;gap:12px;flex-wrap:wrap;font-size:13px;line-height:1.5}
 body.ph-ssr-active.page-pulseorder #register-btn{width:100%}
 body.ph-ssr-active.page-pulseorder .row:has(#check_promo){display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:0}
 body.ph-ssr-active.page-pulseorder .row:has(#check_promo)>[class*="col-"]{width:100%;margin:0;padding:0;float:none}
 body.ph-ssr-active.page-pulseorder div:has(>#check_promo){display:flex;gap:8px;align-items:stretch}
 body.ph-ssr-active.page-pulseorder input[name="promocode"]{min-width:0;width:100%!important;flex:1}
 body.ph-ssr-active.page-pulseorder #validatebtn{width:100%;min-height:44px}
 body.ph-ssr-active.page-pulseorder .main-footer{font-size:12px;line-height:1.7}
}
@media(max-width:375px){
 body.ph-ssr-active.page-pulseorder :is(#location,#operating-system,#os,#authentication,#billing-cycles,#payment-types){grid-template-columns:minmax(0,1fr)}
}
