/* Phase 6A: modular storefront-only visual system. Admin views keep styles.css unchanged. */
.storefront{
  --accent:#00d8ff;--accent-strong:#54e4ff;--accent-soft:rgba(0,216,255,.1);--violet:#8b5cf6;
  --ink:#f4f7fb;--ink-soft:#b9c3d2;--muted:#8d99aa;--line:rgba(151,176,211,.2);
  --paper:#101116;--surface:rgba(24,26,34,.9);--dark:#0b0c11;--dark-2:#181a22;
  --success:#5ee6a8;--danger:#ff8295;--radius-sm:10px;--radius:18px;--radius-lg:28px;
  --shadow-sm:0 14px 36px rgba(0,0,0,.2);--shadow:0 24px 70px rgba(0,0,0,.32);
  min-width:0;overflow-x:hidden;color:var(--ink);
  background:radial-gradient(circle at 82% 18%,rgba(67,51,143,.1),transparent 28rem),radial-gradient(circle at 8% 48%,rgba(0,163,204,.06),transparent 24rem),linear-gradient(145deg,#101116,#151720 48%,#101116)
}
.storefront::before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(rgba(112,147,192,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(112,147,192,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 5%,#000 32%,#000 72%,transparent)}
.storefront h1,.storefront h2,.storefront h3,.storefront .brand-copy strong{color:var(--ink)}
.storefront p,.storefront .lead,.storefront .product-description,.storefront .legal-content{color:var(--ink-soft)}
.storefront ::selection{background:var(--accent);color:#061014}
.storefront :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(0,216,255,.56);outline-offset:3px}
.storefront .skip-link{background:var(--accent);color:#071116;box-shadow:0 10px 30px rgba(0,216,255,.24)}
.storefront .eyebrow,.storefront .meta{color:var(--accent-strong)}
.storefront .button{border-color:var(--accent);background:linear-gradient(135deg,#24e2ff,#00b9ea);color:#061116;box-shadow:0 10px 28px rgba(0,216,255,.17);transition:transform var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition)}
.storefront .button:hover{transform:translateY(-2px);background:linear-gradient(135deg,#65eaff,#12cdf7);box-shadow:0 14px 34px rgba(0,216,255,.25)}
.storefront .button.ghost{border-color:rgba(178,199,226,.36);background:rgba(11,14,21,.58);color:#f6f9fd;box-shadow:none;backdrop-filter:blur(10px)}
.storefront .button.ghost:hover{border-color:var(--accent);background:rgba(0,216,255,.08);color:#fff}
.storefront .text-link{border-color:rgba(0,216,255,.5);color:#eafaff}
.storefront .text-link:hover,.storefront .breadcrumbs a:hover,.storefront .product-body h3 a:hover{color:var(--accent)}
.storefront .panel,.storefront .stat,.storefront .login-box{border-color:var(--line);background:rgba(24,26,34,.9);box-shadow:var(--shadow-sm)}
.storefront input,.storefront select,.storefront textarea{border-color:rgba(150,174,207,.28);background:#171923;color:#f5f8fc;color-scheme:dark}
.storefront input::placeholder,.storefront textarea::placeholder{color:#737f91}
.storefront input:hover,.storefront select:hover,.storefront textarea:hover{border-color:rgba(0,216,255,.52)}
.storefront input:focus,.storefront select:focus,.storefront textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,216,255,.16)}

/* Navigation */
.storefront .site-header{border-bottom-color:rgba(142,169,204,.15);background:rgba(12,13,18,.84);box-shadow:0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(20px) saturate(125%)}
.storefront .site-header.is-scrolled{background:rgba(10,11,16,.95);box-shadow:0 16px 42px rgba(0,0,0,.24)}
.storefront .brand-mark{border:1px solid rgba(255,255,255,.17);background:linear-gradient(145deg,#00d8ff,#5a7cff 58%,#8b5cf6);box-shadow:5px 5px 0 rgba(91,73,165,.24),0 0 28px rgba(0,216,255,.14)}
.storefront .brand-copy small{color:#8995a6}
.storefront .top-nav>a,.storefront .top-nav>button,.storefront .top-nav form button{color:#b6c0cf}
.storefront .top-nav>a:hover,.storefront .top-nav>a[aria-current="page"],.storefront .top-nav form button:hover{background:rgba(0,216,255,.08);color:#fff}
.storefront .top-nav .personalizable-nav-link{color:#aebcff}
.storefront .top-nav .cart-link{border-color:rgba(148,177,214,.26);background:rgba(25,28,38,.8)}
.storefront .pill{background:var(--accent);color:#061116}
.storefront .nav-toggle{border-color:rgba(148,177,214,.3);background:#171923}.storefront .nav-toggle span{background:#f3f7fc}

/* Hero */
.storefront .home-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:max(650px,calc(100svh - var(--header-height)));padding:clamp(5rem,9vw,8.5rem) max(clamp(1.1rem,5vw,5.5rem),calc((100vw - var(--container))/2 + 4.5rem));overflow:hidden;background-color:#0b0c11;background-image:url("/assets/images/printwerk-hero-phase6a.jpg");background-position:68% center;background-repeat:no-repeat;background-size:cover;color:#fff}
.storefront .home-hero::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(8,9,14,.98),rgba(9,10,15,.94) 30%,rgba(10,11,17,.75) 51%,rgba(10,11,17,.12) 82%),linear-gradient(180deg,rgba(7,8,12,.3),transparent 40%,rgba(7,8,12,.42))}
.storefront .home-hero::after{content:"";position:absolute;z-index:-1;inset:-6%;pointer-events:none;opacity:.44;background-image:radial-gradient(circle at 13% 23%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 31% 68%,rgba(82,219,255,.55) 0 1px,transparent 1.5px),linear-gradient(rgba(85,148,210,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(85,148,210,.05) 1px,transparent 1px);background-size:137px 137px,223px 223px,72px 72px,72px 72px;mask-image:linear-gradient(90deg,#000,transparent 58%);animation:phase6a-drift 28s ease-in-out infinite alternate}
.storefront .hero-atmosphere{position:absolute;z-index:-1;left:38%;bottom:-35%;width:min(58vw,760px);aspect-ratio:1;border:1px solid rgba(0,216,255,.12);border-radius:50%;box-shadow:0 0 90px rgba(90,72,214,.09),inset 0 0 80px rgba(0,216,255,.025)}
.storefront .hero-atmosphere::before,.storefront .hero-atmosphere::after{content:"";position:absolute;border:1px solid rgba(136,113,241,.1);border-radius:50%}.storefront .hero-atmosphere::before{inset:14%}.storefront .hero-atmosphere::after{inset:29%}
.storefront .hero-copy{position:relative;z-index:2;width:min(100%,720px)}
.storefront .home-hero .eyebrow{margin-bottom:1.4rem;color:#7cecff;text-shadow:0 0 24px rgba(0,216,255,.16)}
.storefront .home-hero h1{max-width:760px;margin:0;color:#fff;font-size:clamp(4rem,7.2vw,7.8rem);line-height:.88;letter-spacing:-.065em;text-wrap:balance}
.storefront .home-hero h1 span,.storefront .home-hero h1 em{display:block}.storefront .home-hero h1 em{color:#e8faff;font-style:normal;text-shadow:0 0 46px rgba(0,216,255,.17)}
.storefront .hero-lead{max-width:630px;margin:1.8rem 0 0;color:#cbd5e3;font-size:clamp(1.05rem,1.5vw,1.26rem);line-height:1.65;text-wrap:balance}
.storefront .hero-actions{justify-content:flex-start;margin-top:2.1rem}.storefront .hero-proof{margin-top:1.8rem;color:#9aa8ba}.storefront .hero-proof i{border-color:rgba(0,216,255,.36);color:var(--accent)}
.storefront .hero-coordinate{position:absolute;z-index:2;color:rgba(190,210,232,.44);font:600 .62rem/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.storefront .hero-coordinate-top{top:1.4rem;right:clamp(1rem,4vw,4rem)}.storefront .hero-coordinate-bottom{right:clamp(1rem,4vw,4rem);bottom:1.4rem}
@keyframes phase6a-drift{to{transform:translate3d(1.2%,-.8%,0)}}

/* Home sections and product cards */
.storefront .trust-strip{position:relative;z-index:4;margin-top:-1px;border-color:var(--line);background:rgba(19,21,29,.95);box-shadow:0 22px 60px rgba(0,0,0,.2)}
.storefront .trust-strip>div,.storefront .trust-strip>div:nth-child(-n+2){border-color:var(--line)}
.storefront .trust-icon{border-color:rgba(0,216,255,.3);background:rgba(0,216,255,.05);color:var(--accent)}
.storefront .trust-strip small,.storefront .section-heading>p,.storefront .personalizable-section-head>div>p,.storefront .color-feature-copy>p:not(.eyebrow),.storefront .process-intro>p:not(.eyebrow){color:var(--ink-soft)}
.storefront .product-card{border-color:var(--line);background:linear-gradient(155deg,rgba(27,30,40,.96),rgba(20,22,30,.92));box-shadow:0 14px 34px rgba(0,0,0,.18);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}
.storefront .product-card:hover,.storefront .product-card:focus-within{transform:translateY(-3px);border-color:rgba(0,216,255,.38);box-shadow:0 22px 48px rgba(0,0,0,.25),0 0 0 1px rgba(0,216,255,.04)}
.storefront .product-image{background:#11131a}.storefront .product-image::after{background:linear-gradient(to top,rgba(11,13,19,.44),transparent 42%)}
.storefront .product-card:hover .product-image img{transform:none}
.storefront .product-image-action{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(8,10,15,.72);padding:.4rem .65rem;backdrop-filter:blur(8px)}
.storefront .product-body>p,.storefront .category-description{color:var(--ink-soft)}.storefront .product-body .card-row{border-color:var(--line)}
.storefront .card-price small,.storefront .media-gallery-status,.storefront .media-benefits{color:var(--muted)}
.storefront .round-link{border-color:rgba(0,216,255,.3);color:var(--accent)}.storefront .round-link:hover{transform:none;background:rgba(0,216,255,.11)}
.storefront .badge-accent{background:var(--accent);color:#061116}.storefront .badge-dark{border:1px solid rgba(255,255,255,.14);background:rgba(10,12,18,.82)}
.storefront .category-tile,.storefront .category-tile:nth-child(6),.storefront .category-tile:nth-child(7){border-color:var(--line);background:radial-gradient(circle at 75% 24%,rgba(72,72,159,.18),transparent 34%),linear-gradient(145deg,rgba(29,32,43,.96),rgba(19,21,28,.96))}
.storefront .category-tile:hover,.storefront .category-tile:nth-child(6):hover,.storefront .category-tile:nth-child(7):hover{transform:translateY(-3px);border-color:rgba(0,216,255,.38);background:radial-gradient(circle at 75% 24%,rgba(0,216,255,.12),transparent 36%),linear-gradient(145deg,#1b1e28,#14161d)}
.storefront .category-shape,.storefront .category-shape::before,.storefront .category-shape i{border-color:rgba(109,166,215,.24)}.storefront .category-tile:hover .category-shape{transform:rotate(26deg) scale(1.02)}
.storefront .category-number{color:#718096}.storefront .category-arrow{color:var(--accent)}
.storefront .process-section{border:1px solid var(--line);background:radial-gradient(circle at 12% 12%,rgba(0,216,255,.08),transparent 30%),linear-gradient(145deg,#171923,#0e1016);box-shadow:var(--shadow)}
.storefront .process-steps li{border-color:var(--line)}.storefront .process-steps p{color:#9ba7b7}
.storefront .color-feature-visual{border:1px solid var(--line);background:linear-gradient(145deg,#1a1d27,#101218);box-shadow:var(--shadow-sm)}
.storefront .color-feature-visual::after{background-image:linear-gradient(rgba(90,165,218,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,165,218,.08) 1px,transparent 1px)}
.storefront .layer-back{background:#111720}.storefront .layer-mid{background:linear-gradient(90deg,#00c9f2,#5e68e8)}.storefront .layer-front{background:#e9f7fb;color:#12151d}
.storefront .color-tag{border-color:rgba(130,160,198,.3);background:rgba(18,21,29,.9);color:#dce5f0}
.storefront .custom-cta{border:1px solid rgba(0,216,255,.24);background:radial-gradient(circle at 84% 15%,rgba(139,92,246,.3),transparent 36%),linear-gradient(130deg,#132b38,#171b2a 52%,#21183a);color:#fff;box-shadow:var(--shadow)}
.storefront .custom-cta .eyebrow{color:#76ebff}.storefront .custom-cta h2{color:#fff}.storefront .custom-cta p:not(.eyebrow){color:#c0cada}
.storefront .custom-cta-pattern,.storefront .custom-cta-pattern::before,.storefront .custom-cta-pattern::after{border-color:rgba(0,216,255,.12)}

/* Catalog, detail and supporting storefront pages */
.storefront .catalog-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 82% 28%,rgba(83,70,190,.24),transparent 30%),linear-gradient(132deg,#101116,#181a22)}
.storefront .catalog-hero h1,.storefront .catalog-hero h1 em{color:#fff}.storefront .catalog-hero h1 em,.storefront .catalog-hero-stat strong{color:var(--accent)}
.storefront .catalog-controls{border-color:var(--line);background:rgba(22,24,33,.96);box-shadow:var(--shadow)}.storefront .category-pills{border-color:var(--line)}.storefront .category-pills a{color:#aab5c4}
.storefront .category-pills a:hover,.storefront .category-pills a[aria-current="true"]{border-color:rgba(0,216,255,.35);background:rgba(0,216,255,.09);color:#eafdff}
.storefront .empty-state{border-color:rgba(150,175,207,.3);background:rgba(23,25,34,.72)}.storefront .empty-state-icon{border-color:rgba(0,216,255,.32);color:var(--accent)}
.storefront .detail-panel,.storefront .offer-summary,.storefront .config-section,.storefront .media-benefits,.storefront .form-heading{border-color:var(--line)}.storefront .offer-summary>div+div{border-color:var(--line)}
.storefront .dimensions-panel,.storefront .preview-request-controls,.storefront .file-drop,.storefront .line-options span,.storefront .code{border-color:var(--line);background:rgba(21,24,33,.86)}
.storefront .dimension-list>div,.storefront .line-item{border-color:var(--line);background:rgba(25,28,38,.9)}
.storefront .config-field,.storefront .stack-form label,.storefront .inline-editor label,.storefront .line-options b{color:#d8e0eb}.storefront .select-with-swatch>i{box-shadow:0 0 0 3px #20232d}
.storefront .contact-info article,.storefront .mini-process li,.storefront .legal-hero,.storefront .legal-nav>strong,.storefront .legal-nav a{border-color:var(--line)}
.storefront .contact-email{border:1px solid rgba(0,216,255,.2);background:linear-gradient(135deg,#152530,#191d2b)}
.storefront .legal-monogram{border-color:rgba(0,216,255,.26);color:var(--accent)}.storefront .legal-nav a,.storefront .legal-content{color:var(--ink-soft)}.storefront .legal-nav a:hover,.storefront .legal-nav a[aria-current="page"]{color:var(--accent)}

/* Footer */
.storefront .site-footer{border-top:1px solid var(--line);background:#0a0b10}.storefront .footer-column a{color:#aab5c4}.storefront .footer-column a:hover{color:var(--accent)}.storefront .footer-bottom{border-color:var(--line)}

@media(max-width:1180px){.storefront .home-hero{grid-template-columns:1fr;background-position:65% center}}
@media(max-width:980px){
  .storefront .top-nav:not(.admin-header .top-nav){border-color:var(--line);background:rgba(13,15,21,.98);box-shadow:var(--shadow)}
  .storefront .top-nav:not(.admin-header .top-nav) .personalizable-nav-link{border-color:rgba(139,92,246,.28);background:rgba(139,92,246,.08)}
  .storefront .process-section,.storefront .custom-cta{margin-inline:auto}
  .storefront .home-hero{min-height:max(680px,calc(100svh - var(--header-height)));background-position:68% center}
  .storefront .home-hero::before{background:linear-gradient(90deg,rgba(8,9,14,.96),rgba(9,10,15,.84) 52%,rgba(10,11,17,.34)),linear-gradient(180deg,rgba(7,8,12,.4),transparent 36%,rgba(7,8,12,.66))}
}
@media(max-width:660px){
  .storefront{background:linear-gradient(155deg,#101116,#151720 56%,#101116)}
  .storefront .site-header{min-height:68px}
  .storefront .home-hero{align-items:end;min-height:max(690px,calc(100svh - 68px));padding:6.5rem 1rem 2.5rem;background-position:70% center}
  .storefront .home-hero::before{background:linear-gradient(180deg,rgba(7,8,12,.42),rgba(7,8,12,.12) 28%,rgba(7,8,12,.78) 57%,rgba(7,8,12,.99)),linear-gradient(90deg,rgba(7,8,12,.76),rgba(7,8,12,.2))}
  .storefront .home-hero::after{opacity:.25}.storefront .hero-atmosphere,.storefront .hero-coordinate{display:none}
  .storefront .home-hero .eyebrow{margin-bottom:1rem;font-size:.62rem;letter-spacing:.12em}
  .storefront .home-hero h1{font-size:clamp(3rem,15.5vw,4.25rem);line-height:.92}
  .storefront .hero-lead{max-width:25rem;margin-top:1.25rem;font-size:1rem;line-height:1.55}
  .storefront .hero-actions{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:1.4rem}.storefront .hero-actions .button{width:100%}
  .storefront .hero-proof{grid-template-columns:1fr 1fr;gap:.55rem .8rem;margin-top:1.25rem;font-size:.68rem}.storefront .hero-proof span:last-child{grid-column:1/-1}
  .storefront .trust-strip{width:100%;margin-top:0}.storefront .product-card:hover,.storefront .product-card:focus-within{transform:translateY(-2px)}
  .storefront .custom-cta{border-right:0;border-left:0}
}
@media(max-width:420px){.storefront .home-hero{background-position:72% center}.storefront .brand-copy strong{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){
  .storefront .home-hero::after{animation:none}
  .storefront .product-card,.storefront .button,.storefront .category-tile{transition:none}
}