.shop-main{padding:28px 0 64px}.shop-breadcrumb{display:flex;gap:10px;font-size:13px;color:#6c7b91;margin-bottom:24px}.shop-breadcrumb a{color:#0aaebc}.shop-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.shop-heading h1{max-width:720px;margin:6px 0 8px;font-size:34px;line-height:1.08}.shop-intro{color:var(--muted);margin:0;line-height:1.5}.shop-heading .button{flex:0 0 auto}.shop-toolbar{display:flex;gap:12px;margin:24px 0}.search-field{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:0 12px;flex:1;max-width:600px}.search-field span{font-size:24px;color:var(--muted)}.search-field input,.shop-toolbar select{height:44px;border:0;background:#fff;color:var(--ink);font:inherit}.search-field input{width:100%;outline:0}.shop-toolbar select{border:1px solid var(--line);border-radius:6px;padding:0 12px}.shop-layout{display:grid;grid-template-columns:210px 1fr;gap:30px}.shop-sidebar{border-right:1px solid var(--line);padding-right:22px}.shop-sidebar h2{font-size:18px;margin:0 0 12px}.shop-sidebar button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);padding:9px 0;cursor:pointer;font:inherit}.shop-sidebar button:hover,.shop-sidebar button.active{color:var(--aqua);font-weight:700}.shop-sidebar button span{float:right;color:var(--muted);font-size:12px}.side-note{margin-top:30px;background:#edf9fb;border-radius:8px;padding:16px;font-size:13px;line-height:1.4}.side-note p{color:var(--muted)}.side-note a{font-weight:700;color:var(--navy)}.catalog-meta{display:flex;justify-content:space-between;align-items:center;min-height:30px;margin-bottom:12px;color:var(--muted);font-size:13px}.catalog-meta strong{color:var(--ink)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff;display:flex;flex-direction:column;position:relative;transition:transform .15s,box-shadow .15s}.catalog-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(6,30,69,.1)}.catalog-card .product-image{height:190px;margin:0;background:#f7f9fb center/contain no-repeat}.catalog-card-body{padding:12px;display:flex;flex-direction:column;flex:1}.catalog-card h3{font-size:15px;line-height:1.25;margin:0 0 5px}.catalog-card p{font-size:12px;color:var(--muted);line-height:1.35;margin:0 0 10px;min-height:32px}.catalog-price{font-size:18px;font-weight:800;margin-top:auto}.catalog-sku{font-size:11px;color:var(--muted);margin-top:4px}.catalog-actions{display:flex;gap:8px;margin-top:12px}.catalog-actions button{flex:1;padding:9px 6px;border-radius:5px;font-weight:700;cursor:pointer}.view-product{border:1px solid var(--navy);background:#fff;color:var(--navy)}.add-product{border:1px solid var(--navy);background:var(--navy);color:#fff}.stock-line{color:var(--green);font-size:12px;margin-top:8px}.stock-line:before{content:'●';margin-right:5px}.empty-state{text-align:center;padding:70px 20px;border:1px dashed var(--line);border-radius:10px}.empty-state h2{margin-top:0}.drawer-backdrop{position:fixed;inset:0;background:rgba(1,17,39,.48);z-index:20;opacity:0;pointer-events:none;transition:.2s}.drawer-backdrop.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:21;right:0;top:0;bottom:0;width:min(430px,100%);background:#fff;transform:translateX(100%);transition:.25s;box-shadow:-12px 0 35px rgba(0,0,0,.16);display:flex;flex-direction:column}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.drawer-head h2{margin:0;font-size:20px}.drawer-head button,.dialog-close{background:transparent;border:0;font-size:30px;line-height:1;cursor:pointer;color:var(--muted)}.cart-items{padding:14px 20px;overflow:auto}.cart-row{display:grid;grid-template-columns:58px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.cart-row img{width:58px;height:58px;object-fit:contain;background:#f7f9fb;border-radius:5px}.cart-row h3{font-size:13px;margin:0 0 5px}.cart-row p{font-size:12px;margin:0;color:var(--muted)}.cart-row button{border:0;background:transparent;color:#c34545;cursor:pointer;font-size:12px}.cart-empty{text-align:center;color:var(--muted);padding:30px 20px}.cart-empty a{color:var(--aqua);font-weight:700}.cart-summary{margin-top:auto;border-top:1px solid var(--line);padding:20px}.cart-summary>div{display:flex;justify-content:space-between;font-size:17px}.cart-summary small{display:block;color:var(--muted);line-height:1.4;margin:10px 0 14px}.checkout-button{width:100%}.product-dialog,.checkout-dialog{width:min(760px,calc(100% - 28px));border:0;border-radius:10px;padding:30px;box-shadow:0 20px 80px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(1,17,39,.62)}.product-dialog .dialog-close,.checkout-dialog .dialog-close{position:absolute;right:15px;top:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.detail-image{height:300px;background:#f7f9fb center/contain no-repeat;border-radius:8px}.detail-copy h2{font-size:28px;margin:0 0 8px}.detail-copy p{color:var(--muted);line-height:1.5}.detail-copy strong{display:block;font-size:25px;margin:20px 0}.checkout-dialog h2{margin-top:0}.checkout-note{background:#fff7e4;border-radius:6px;padding:11px;font-size:13px;color:#775b1b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkout-dialog label{display:block;font-size:13px;font-weight:700;margin:12px 0}.checkout-dialog input,.checkout-dialog select,.checkout-dialog textarea{width:100%;display:block;border:1px solid var(--line);border-radius:5px;padding:11px;font:inherit;margin-top:6px}.checkout-dialog textarea{resize:vertical}.toast{z-index:30}
@media(max-width:800px){.shop-heading{align-items:flex-start;flex-direction:column}.shop-heading h1{font-size:29px}.shop-toolbar{flex-wrap:wrap}.search-field{max-width:none;flex-basis:100%}.shop-layout{grid-template-columns:1fr}.shop-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px;display:flex;gap:12px;overflow:auto}.shop-sidebar h2,.side-note{display:none}.shop-sidebar button{white-space:nowrap;width:auto;padding:8px 12px;border:1px solid var(--line);border-radius:20px;font-size:13px}.shop-sidebar button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.catalog-grid{gap:8px}.catalog-card .product-image{height:140px}.catalog-card-body{padding:9px}.catalog-card h3{font-size:13px}.catalog-actions{flex-direction:column}.catalog-actions button{padding:8px}.detail-grid{grid-template-columns:1fr}.detail-image{height:220px}.form-grid{grid-template-columns:1fr}.product-dialog,.checkout-dialog{padding:22px 16px}}
@media(max-width:650px){.mobile-cart-access{display:flex;position:fixed;right:14px;bottom:14px;z-index:15;align-items:center;gap:8px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:40px;box-shadow:0 8px 28px #04162555;font-weight:700}}
@media(min-width:651px){.mobile-cart-access{display:none}}