/* DukanX V3 — account, navigation, search and layout refinements */
:root{--account-border:#e5e8f0;--account-soft:#f7f8fc;--account-shadow:0 18px 55px rgba(28,35,64,.08)}

/* Header icons and account dropdown */
.nav-actions{position:relative;gap:9px}
.header-icon-button,.bag-button,.user-login-button,.user-menu-button{height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:13px;background:#fff;color:#172033;transition:.2s ease}
.header-icon-button{width:42px;border:0;background:transparent}
.header-icon-button:hover,.user-login-button:hover{background:#f4f2ff;color:var(--brand)}
.header-icon-button svg,.bag-button svg,.user-login-button svg,.user-menu-button>svg:first-child{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bag-button{position:relative;width:48px;background:#f2f0ff;color:var(--brand-dark)}
.bag-button span{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border:2px solid #fff;border-radius:20px;background:var(--brand);color:#fff;font:700 10px Manrope,sans-serif}
.user-login-button{width:42px;border-color:var(--line)}
.user-dropdown{position:relative}
.user-menu-button{gap:8px;min-width:46px;padding:0 11px;border-color:var(--line);font-weight:700}
.user-menu-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-chevron{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transition:transform .2s}
.user-dropdown.open .user-menu-chevron{transform:rotate(180deg)}
.user-menu-panel{position:absolute;z-index:90;right:0;top:calc(100% + 12px);width:260px;padding:9px;border:1px solid #e5e7ef;border-radius:17px;background:#fff;box-shadow:0 22px 60px rgba(25,31,58,.16);opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity .18s ease,transform .18s ease,visibility .18s}
.user-dropdown.open .user-menu-panel{opacity:1;visibility:visible;transform:none}
.user-menu-head{display:flex;align-items:center;gap:10px;padding:10px 9px 13px;margin-bottom:5px;border-bottom:1px solid #eceef4}
.user-menu-head>span{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:linear-gradient(145deg,var(--brand),#887aff);color:#fff;font:800 14px Manrope,sans-serif}
.user-menu-head div{min-width:0}.user-menu-head strong,.user-menu-head small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-head strong{font:700 13px Manrope,sans-serif}.user-menu-head small{color:var(--muted);font-size:10px}
.user-menu-panel>a,.user-menu-panel form button{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#394155;text-align:left;font-weight:600;font-size:13px}
.user-menu-panel>a:hover,.user-menu-panel form button:hover{background:#f4f3ff;color:var(--brand)}
.user-menu-panel svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.user-menu-panel form{padding-top:5px;margin-top:5px;border-top:1px solid #eceef4}.user-menu-panel form button{color:#be4650}
.nav-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Animated full-width search drawer */
.search-backdrop{position:fixed;z-index:57;inset:0;background:rgba(15,20,39,.24);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.25s}
.search-backdrop.open{opacity:1;visibility:visible}
.search-panel.search-panel-v3{display:block;position:fixed;z-index:60;left:0;right:0;top:var(--search-top,111px);padding:18px 0;background:#fff;border-top:1px solid #f1f2f6;border-bottom:1px solid var(--line);box-shadow:0 24px 55px rgba(20,25,45,.13);opacity:0;visibility:hidden;transform:translateX(8%) scaleX(.86);transform-origin:right center;transition:opacity .25s ease,transform .35s cubic-bezier(.2,.8,.2,1),visibility .25s}
.search-panel.search-panel-v3.open{opacity:1;visibility:visible;transform:none}
.search-form.search-form-v3{display:grid;grid-template-columns:36px minmax(0,1fr) auto 48px;align-items:center;gap:10px}
.search-form-v3 .search-form-icon{display:grid;place-items:center;color:#697185}.search-form-v3 .search-form-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.search-form-v3 input{min-width:0;height:52px;padding:0 18px;border:1px solid #dfe2eb;border-radius:14px;background:#fff;outline:0;font-size:16px;transition:.2s}
.search-form-v3 input:focus{border-color:#978cf2;box-shadow:0 0 0 4px rgba(103,89,232,.1)}
.search-form-v3 button{height:52px;border:0;border-radius:14px;padding:0 23px;font-weight:700}
.search-form-v3 .search-submit{background:linear-gradient(135deg,var(--brand),#7869f0);color:#fff}
.search-form-v3 .search-close{padding:0;background:#f1f2f6;color:#172033;font-size:24px}
body.search-open{overflow:hidden}

/* Hero showcase card: correct aspect ratio, spacing and clipping */
.hero-showcase{overflow:visible}
.showcase-product{overflow:hidden;min-height:480px;padding:22px;border-radius:30px;transform:rotate(-2deg)}
.showcase-product:hover{transform:rotate(-.5deg) translateY(-7px)}
.showcase-top{position:relative;z-index:2}
.showcase-product-image{position:relative;height:215px;margin:17px 0 15px;padding:12px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,246,255,.92));box-shadow:inset 0 0 0 1px rgba(255,255,255,.42)}
.showcase-product-image:after{content:"";position:absolute;inset:auto -15% -55% 28%;height:120px;border-radius:50%;background:rgba(119,103,238,.22);filter:blur(20px);pointer-events:none}
.showcase-product-image img{position:relative;z-index:1;width:100%;height:100%;padding:0;object-fit:contain;object-position:center;mix-blend-mode:normal;transform:none!important}
.showcase-content{min-height:0}.showcase-content small{opacity:.82}.showcase-content h3{margin:4px 0 5px;font-size:27px;line-height:1.18}.showcase-content p{display:-webkit-box;min-height:42px;margin:0 0 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45}.showcase-content>div{margin-top:auto;padding-top:13px}
.showcase-float{z-index:6}

/* Customer account */
.account-hero,.account-page-hero{background:radial-gradient(circle at 80% 10%,rgba(127,110,255,.72),transparent 32%),linear-gradient(115deg,#151b35,#4a3fbd 66%,#6759e8);color:#fff}
.account-hero{padding:54px 0}.account-page-hero{padding:48px 0}.account-hero-inner,.order-title-row{display:flex;align-items:center;justify-content:space-between;gap:25px}.account-hero h1,.account-page-hero h1{margin:8px 0 5px;font:800 clamp(30px,4vw,44px)/1.15 Manrope,sans-serif;letter-spacing:-1.8px}.account-hero p,.account-page-hero p{margin:0;color:#ddd9ff}.btn-white-outline{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff}.order-title-actions{display:flex;gap:9px}
.account-section{background:#f7f8fc}.account-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:24px;align-items:start}.account-sidebar{position:sticky;top:102px;padding:18px;border:1px solid var(--account-border);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(29,36,70,.04)}
.account-person{display:flex;align-items:center;gap:11px;padding:5px 3px 17px;margin-bottom:10px;border-bottom:1px solid #eceef4}.account-avatar{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:14px;background:linear-gradient(145deg,var(--brand),#887aff);color:#fff;font:800 16px Manrope,sans-serif}.account-person div{min-width:0}.account-person strong,.account-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-person strong{font:700 13px Manrope,sans-serif}.account-person small{color:var(--muted);font-size:10px}
.account-nav{display:flex;flex-direction:column;gap:5px}.account-nav a,.account-logout{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:9px 11px;border:0;border-radius:11px;background:transparent;color:#4d566a;font-weight:600;text-align:left}.account-nav a:hover,.account-nav a.active{background:#f0eeff;color:var(--brand-dark)}.account-nav svg,.account-logout svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-sidebar>form{padding-top:10px;margin-top:12px;border-top:1px solid #eceef4}.account-logout{color:#b6424b}.account-logout:hover{background:#fff0f1}
.account-content{min-width:0}.account-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.account-heading h2{margin:4px 0 0;font:800 30px/1.2 Manrope,sans-serif;letter-spacing:-1px}.account-heading p{margin:4px 0 0;color:var(--muted)}
.account-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.account-stat-grid article{position:relative;padding:19px;border:1px solid var(--account-border);border-radius:17px;background:#fff}.account-stat-grid article:after{content:"";position:absolute;top:18px;right:18px;width:9px;height:9px;border-radius:50%;background:#ded9ff;box-shadow:0 0 0 7px #f2f0ff}.account-stat-grid span,.account-stat-grid small{display:block;color:var(--muted);font-size:11px}.account-stat-grid strong{display:block;margin:4px 0;font:800 28px Manrope,sans-serif}
.account-card{padding:22px;border:1px solid var(--account-border);border-radius:19px;background:#fff;box-shadow:0 10px 30px rgba(29,36,70,.035)}.account-card-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:15px}.account-card-head h2{margin:0;font:750 20px Manrope,sans-serif}.account-card-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.account-card-head>a{color:var(--brand);font-size:12px;font-weight:700}.account-table-wrap table{min-width:850px}.account-row-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}.account-row-actions a{padding:5px 8px;border-radius:7px;background:#f3f1ff;color:var(--brand);font-size:10px;font-weight:700}
.account-form{max-width:780px}.account-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-form label{display:block}.account-form label>span,.account-password-form label>span{display:block;margin-bottom:6px;font-size:12px;font-weight:700}.account-form input{width:100%;height:49px;padding:0 14px;border:1px solid #dfe2eb;border-radius:11px;outline:0}.account-form input:focus{border-color:#9c91f3;box-shadow:0 0 0 3px rgba(103,89,232,.1)}.account-form .wide{grid-column:1/-1}.account-form-actions{display:flex;justify-content:flex-end;margin-top:21px;padding-top:18px;border-top:1px solid #eceef4}.account-password-form{display:flex;flex-direction:column;gap:15px;max-width:620px}.password-field{position:relative}.password-field input{padding-right:48px}.password-field button{position:absolute;right:6px;top:6px;width:38px;height:37px;border:0;border-radius:8px;background:#f2f0ff;color:var(--brand)}
.download-card{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;margin-bottom:12px;padding:17px;border:1px solid var(--account-border);border-radius:17px;background:#fff;transition:.2s}.download-card:hover{border-color:#cfcafc;box-shadow:var(--account-shadow);transform:translateY(-2px)}.download-card-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#efedff;color:var(--brand)}.download-card-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.download-card-content{min-width:0}.download-card-content>span{color:var(--brand);font-size:10px;font-weight:700}.download-card-content h3{margin:3px 0 1px;font:700 16px Manrope,sans-serif}.download-card-content p,.download-card-content small{display:block;margin:0;color:var(--muted);font-size:11px}.download-card-actions{display:flex;gap:8px}.download-card-actions .btn{min-height:40px;padding:7px 12px;font-size:11px}
.order-account-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.order-account-meta{display:flex;flex-direction:column;gap:15px}.delivery-item-v3:first-of-type{border-top:0}.delivery-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.delivery-status-row>a{color:var(--brand);font-size:11px;font-weight:700}

/* Admin topbar — prevent the marked buttons from stacking */
.admin-v3 .admin-main{width:calc(100% - 268px);margin-left:268px}
.admin-v3 .admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}
.admin-v3 .admin-topbar>div,.admin-v3 .admin-topbar-left,.admin-v3 .admin-topbar-actions{flex-direction:row!important;align-items:center}
.admin-v3 .admin-topbar-left{display:flex;gap:13px}.admin-v3 .admin-topbar-left>div{display:flex;flex-direction:column}.admin-v3 .admin-topbar-actions{display:flex;flex-wrap:nowrap;margin-left:auto;gap:10px}
.admin-topbar-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:12px;background:#fff;color:#4d566a}.admin-topbar-icon:hover{color:var(--brand);border-color:#cec9fb}.admin-topbar-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.admin-avatar-button{height:42px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:12px;background:#fff}.admin-avatar-button>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--brand),#887aff);color:#fff!important;font:800 11px Manrope,sans-serif}.admin-avatar-button svg{width:15px;height:15px;fill:none;stroke:#657086;stroke-width:2}.admin-user-panel{right:0;top:calc(100% + 13px)}
.admin-v3 .admin-page-title-v2{align-items:center}.admin-v3 .admin-title-actions{flex-wrap:nowrap}

@media(max-width:1050px){
  .account-stat-grid{grid-template-columns:repeat(2,1fr)}.order-account-grid{grid-template-columns:1fr}.order-account-meta{display:grid;grid-template-columns:1fr 1fr}.admin-global-search{width:190px}
}
@media(max-width:820px){
  .nav-wrap{gap:10px}.nav-actions{margin-left:auto}.header-icon-button,.bag-button,.user-login-button,.user-menu-button{display:inline-flex!important}.user-menu-name,.user-menu-chevron{display:none}.user-menu-button{width:42px;min-width:42px;padding:0}.nav-toggle{order:3;margin-left:0}.main-nav{z-index:70}.user-menu-panel{position:fixed;right:14px;top:108px;width:min(300px,calc(100% - 28px))}
  .search-panel.search-panel-v3{top:var(--search-top,68px);padding:13px 0}.search-form.search-form-v3{grid-template-columns:28px minmax(0,1fr) auto 43px}.search-form-v3 input,.search-form-v3 button{height:47px}.search-form-v3 .search-submit{padding:0 16px}
  .account-layout{grid-template-columns:1fr}.account-sidebar{position:static}.account-nav{display:grid;grid-template-columns:repeat(2,1fr)}.account-sidebar>form{margin-top:9px}.account-person{padding-bottom:13px}.account-heading{align-items:flex-start}.order-account-meta{grid-template-columns:1fr 1fr}
  .admin-v3 .admin-main{width:100%;margin-left:0}.admin-v3 .admin-topbar{padding:0 16px}.admin-v3 .admin-global-search{display:none}.admin-v3 .admin-topbar-actions{gap:7px}
}
@media(max-width:580px){
  .nav-wrap{height:66px}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.nav-actions{gap:5px}.header-icon-button,.bag-button,.user-login-button,.user-menu-button{width:38px;min-width:38px;height:38px;border-radius:11px}.bag-button span{top:-4px;right:-4px}.nav-toggle{width:32px;padding:0}.user-menu-panel{top:101px}
  .search-form.search-form-v3{grid-template-columns:24px minmax(0,1fr) 44px}.search-form-v3 .search-submit{width:44px;padding:0;font-size:0}.search-form-v3 .search-submit:after{content:"→";font-size:18px}.search-form-v3 .search-close{display:none}
  .showcase-product{width:min(290px,82vw);min-height:405px;padding:17px}.showcase-product-image{height:155px;margin:13px 0}.showcase-content h3{font-size:22px}.showcase-content p{font-size:11px}.showcase-float{transform:scale(.86)}
  .account-hero,.account-page-hero{padding:39px 0}.account-hero-inner,.order-title-row{align-items:flex-start;flex-direction:column}.account-hero h1,.account-page-hero h1{font-size:30px}.order-title-actions{width:100%;flex-wrap:wrap}.order-title-actions .btn{flex:1;padding-inline:10px}.account-section{padding:45px 0}.account-sidebar{padding:14px}.account-nav{grid-template-columns:1fr}.account-heading{align-items:flex-start;flex-direction:column}.account-heading h2{font-size:26px}.account-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.account-stat-grid article{padding:15px}.account-stat-grid strong{font-size:23px}.account-card{padding:15px}.account-card-head{align-items:flex-start;flex-direction:column}.account-form .form-grid{grid-template-columns:1fr}.account-form .wide{grid-column:auto}.download-card{grid-template-columns:45px minmax(0,1fr);gap:11px}.download-card-icon{width:43px;height:43px}.download-card-actions{grid-column:1/-1}.download-card-actions .btn{flex:1}.order-account-meta{grid-template-columns:1fr}.delivery-status-row{align-items:flex-start;flex-direction:column}
  .admin-v3 .admin-topbar{height:68px}.admin-v3 .admin-topbar-left>div span{display:none}.admin-v3 .admin-topbar-left strong{font-size:11px}.admin-topbar-icon{width:38px;height:38px}.admin-avatar-button{height:38px}.admin-v3 .admin-page-title-v2{align-items:flex-start}.admin-v3 .admin-title-actions{width:100%;flex-wrap:wrap}.admin-v3 .admin-title-actions .btn{display:inline-flex;flex:1}
}