html:has(body.coab-ph-design){overflow-x:clip!important;overflow-y:visible!important}
body.coab-ph-design{max-width:100%;overflow-x:clip!important;overflow-y:visible!important}
body.coab-ph-design .coab-ph-v2{max-width:100%;min-width:0}
.ph-shell.coab-ph-v2.ph-shell-new{position:sticky;top:0;z-index:70;background:#fff;min-height:0;overflow:visible}
body.admin-bar .ph-shell-new{top:32px}
.ph-shell-new .hd{position:static!important;box-shadow:0 2px 8px #0f172a08!important}
.ph-shell-new .hd .in{min-height:72px!important;padding:10px 20px!important;gap:16px!important;flex-wrap:nowrap!important;position:relative}
.ph-shell-new .hd .brand .ph-brand-logo{width:132px!important;height:44px!important}
.ph-shell-new .hd .right{gap:10px;min-width:0;flex:none}
.ph-shell-new .hd nav.ph-links{background:none;border:0;box-shadow:none;overflow:visible;flex:none;order:0;padding:0;gap:2px}
.ph-shell-new .hd nav.ph-links a{display:inline-flex!important;align-items:center;gap:8px;padding:10px;border-radius:10px;line-height:1.2;font-size:13px;color:#475569;text-decoration:none;order:0;font-weight:650}
.ph-shell-new .hd nav.ph-links a:before{display:none!important;content:none!important}
.ph-shell-new .hd nav.ph-links a[aria-current=page]{background:#edf3ff;color:#2356d5}
.ph-shell-new .ph-icon{flex:none}
.ph-shell-new .cur{display:block!important;width:80px;min-height:40px;font-size:13px;max-width:100%}
.ph-shell-new .avatar,.ph-shell-new .ph-account-link{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;color:#334155;text-decoration:none;border:1px solid #e2e8f0;border-radius:12px;gap:7px;background:#fff}
.ph-shell-new .ph-account-link{padding:8px 10px;font-size:13px;font-weight:650}
.ph-shell-new .ph-admin-link{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid #d6e2fa;border-radius:10px;color:#2356d5;background:#f4f7fe;white-space:nowrap;text-decoration:none;font-size:12px;font-weight:700}
.ph-shell-new .ph-menu{display:none}
.ph-shell-new .ph-menu summary{display:flex;align-items:center;justify-content:center;min-height:42px;min-width:42px;gap:7px;border:1px solid #dce3ed;background:#fff;border-radius:10px;cursor:pointer;color:#334155;font-size:12px;font-weight:650;list-style:none;padding:8px}
.ph-shell-new .ph-menu summary::-webkit-details-marker{display:none}
.ph-shell-new .ph-menu[open] summary{background:#eff4ff;border-color:#9cb7f5}
.ph-shell-new .ph-menu nav.ph-links{position:absolute;top:calc(100% + 1px);left:12px;right:12px;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 12px 28px #0f172a14;max-height:70dvh;overflow-y:auto}
.ph-admin-shortcut{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:10px 20px;background:#eff4ff;border-bottom:1px solid #dbe5fa;font:600 13px/1.4 system-ui}
.ph-admin-shortcut a{display:inline-flex;gap:8px;align-items:center;color:#2356d5;text-decoration:none;min-height:32px}
body.coab-ph-design .coab-ph-v2 .pdp>*,body.coab-ph-design .coab-ph-v2 .row>*,body.coab-ph-design .coab-ph-v2 .bp-toolbar>*{min-width:0}
body.coab-ph-design .coab-ph-v2 .mobile-buy,body.coab-ph-design .coab-ph-v2 .appnav{box-sizing:border-box}
@media(max-width:1200px){.ph-shell-new .hd .ph-desktop-links{display:none!important}.ph-shell-new .ph-menu{display:block}.ph-shell-new .hd .in{gap:12px!important}}
@media(max-width:782px){body.admin-bar .ph-shell-new{top:46px}}
@media(max-width:640px){
 body.admin-bar .ph-shell-new{top:0}
 .ph-shell-new .hd .in{min-height:64px!important;padding:8px 12px!important;gap:8px!important}
 .ph-shell-new .hd .brand .ph-brand-logo{width:104px!important;height:38px!important}
 .ph-shell-new .hd .right{gap:6px}
 .ph-shell-new .cur{width:74px;min-height:40px;padding:6px;font-size:16px}
 .ph-shell-new .ph-account-link{width:40px;padding:0}
 .ph-shell-new .ph-account-link span,.ph-shell-new .ph-admin-link,.ph-shell-new .ph-menu summary span{display:none}
 .ph-shell-new .hd .avatar{width:36px!important;height:36px!important;min-width:36px;box-shadow:none}
 .ph-shell-new .ph-menu nav.ph-links{grid-template-columns:1fr}
 body.coab-ph-design .coab-ph-v2 .wrap{width:100%;max-width:100%;padding-inline:14px}
 body.coab-ph-design .coab-ph-v2 .page{padding-top:14px;padding-bottom:170px;gap:20px}
 body.coab-ph-design .coab-ph-v2 .bp-hero{padding:16px}
 body.coab-ph-design .coab-ph-v2 .bp-hero .eyebrow{display:none}
 body.coab-ph-design .coab-ph-v2 .bp-hero h1{font-size:1.65rem}
 body.coab-ph-design .coab-ph-v2 .bp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.coab-ph-design .coab-ph-v2 .bp-facts div{min-width:0;padding:10px}
 body.coab-ph-design .coab-ph-v2 .bp-facts b{font-size:1rem;overflow-wrap:anywhere}
 body.coab-ph-design .coab-ph-v2 .bp-facts span{font-size:12px}
 body.coab-ph-design .coab-ph-v2 .grid-o{grid-template-columns:minmax(0,1fr)}
 body.coab-ph-design .coab-ph-v2 .chips{flex-wrap:wrap;overflow:visible;gap:6px}
 body.coab-ph-design .coab-ph-v2 .pdp{grid-template-columns:minmax(0,1fr);gap:18px}
 body.coab-ph-design .coab-ph-v2 .pdp>.stack{display:contents}
 body.coab-ph-design .coab-ph-v2 .pdp>.stack>*{order:4}
 body.coab-ph-design .coab-ph-v2 .pdp>.stack>.row:first-child{order:1}
 body.coab-ph-design .coab-ph-v2 .pdp>.stack>p{order:2}
 body.coab-ph-design .coab-ph-v2 .pdp>.buybox{order:3}
 body.coab-ph-design .coab-ph-v2 .buybox{position:static;padding:16px;min-width:0}
 body.coab-ph-design .coab-ph-v2 .specs{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.coab-ph-design .coab-ph-v2 .opts{flex-wrap:wrap;max-width:100%}
 body.coab-ph-design .coab-ph-v2 .opt{min-width:0;flex:1 1 100px;padding:12px}
 body.coab-ph-design .coab-ph-v2 .btn{white-space:normal;min-height:44px}
 body.coab-ph-design .coab-ph-v2 input,body.coab-ph-design .coab-ph-v2 textarea{font-size:16px;max-width:100%}
 body.coab-ph-design .coab-ph-v2 .oc{transform:none!important;transition:none}
 body.coab-ph-design .coab-ph-v2 [data-door]{transform:none!important}
 body.coab-ph-design .coab-ph-v2 .mnav{position:static;flex-wrap:wrap;overflow:visible}
 body.coab-ph-design .coab-ph-v2 .mnav a{font-size:12px;padding:8px}
 body.coab-ph-design .coab-ph-v2 .sec-head{flex-wrap:wrap;gap:12px}
 body.coab-ph-design .coab-ph-v2 .mobile-buy{left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom,0px));border-radius:0;box-shadow:0 -2px 8px #0f172a08;min-height:66px;padding:10px 14px;gap:10px}
 body.coab-ph-design .coab-ph-v2 .mobile-buy .btn{flex:1;max-width:200px}
 body.coab-ph-design .coab-ph-v2 .ph-mobile-nav{left:0;right:0;bottom:0;grid-template-columns:repeat(var(--ph-tabs,4),minmax(0,1fr));border-radius:0;min-height:62px;padding:5px 8px calc(5px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 8px #0f172a08;background:#fff;align-items:center}
 body.coab-ph-design .ph-mobile-nav a{display:flex;flex-direction:column;justify-content:center;min-height:48px;gap:4px;color:#53627b}
 body.coab-ph-design .ph-mobile-nav a[aria-current=page]{color:#2356d5}
 body.coab-ph-design .ph-mobile-nav small{font-size:10px;line-height:1.2}
 body.coab-ph-design .ph-mobile-nav .ph-icon{width:22px;height:22px}
 body.coab-ph-design footer{padding-bottom:90px}
}
@media(hover:none){body.coab-ph-design .coab-ph-v2 .oc:hover,body.coab-ph-design .coab-ph-v2 .btn:active,body.coab-ph-design .coab-ph-v2 [data-door]:hover{transform:none!important}}

/* Refined navigation and breathing room around the mobile purchase action. */
.ph-shell-new .ph-admin-link{width:40px;height:40px;padding:0;justify-content:center;background:#fff;border-color:#e2e8f0;border-radius:12px}
.ph-shell-new .ph-menu summary{background:#f3f6fc;border-color:transparent;border-radius:14px;color:#27416c}
.ph-shell-new .ph-menu[open] summary{background:#e8efff;color:#2356d5}
.ph-shell-new .ph-menu nav.ph-links{padding:14px;gap:6px;border-radius:20px;border-color:#e7ecf5;box-shadow:0 18px 48px #142c5224;top:calc(100% + 10px)}
.ph-shell-new .ph-menu nav.ph-links a{min-height:50px;padding:12px 14px!important;background:#f7f9fd;border:1px solid #edf1f7;border-radius:13px;font-size:14px!important;gap:12px!important}
.ph-shell-new .ph-menu nav.ph-links a:hover,.ph-shell-new .ph-menu nav.ph-links a:focus-visible{background:#edf3ff;border-color:#c9d8f5}
.ph-shell-new .ph-menu nav.ph-links a .ph-icon{width:22px;height:22px;color:#46658c}
.ph-shell-new .ph-menu nav.ph-links a[aria-current=page]{background:#e9f0ff;border-color:#bed0ff}
@media(max-width:640px){
 body.coab-ph-design .coab-ph-v2 .mobile-buy{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom,0px));padding:12px 14px;min-height:76px;border:1px solid #e1e8f4;border-radius:18px;box-shadow:0 8px 28px #142c5220}
 body.coab-ph-design .coab-ph-v2 .mobile-buy .btn{min-height:48px;border-radius:13px;margin:0;flex:1 1 auto;min-width:0}
 body.coab-ph-design .coab-ph-v2 .page{padding-bottom:190px}
 body.coab-ph-design .coab-ph-v2 .buybox .btn.block{padding:14px 12px;line-height:1.4}
 .ph-shell-new .ph-menu nav.ph-links{max-height:calc(100dvh - 170px);left:10px;right:10px}
}

@media(max-width:640px){body.coab-ph-design .coab-ph-v2 [data-ph-cta] .btn{display:block;text-align:center}body.coab-ph-design .coab-ph-v2 [data-ph-cta] .btn span{white-space:nowrap}}
