/* RYY STORE — Manus visual layer adapter
   IMPORTANT: presentation only. Existing Cloudflare JS/API/handlers are untouched. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{
  --manus-bg:#071014;--manus-panel:rgba(13,29,34,.72);--manus-panel2:rgba(14,30,35,.62);
  --manus-line:rgba(206,244,242,.12);--manus-text:#edfafa;--manus-muted:#839a9d;
  --manus-cyan:#8be2dc;--manus-purple:#b99aee;--manus-orange:#e9a47c;
}
html,body{background:#071014!important;color:var(--manus-text)!important;font-family:'DM Sans',system-ui,sans-serif!important;}
body{min-width:320px;overflow-x:hidden;}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:
 radial-gradient(circle at 82% 4%,rgba(41,101,103,.20),transparent 30rem),
 radial-gradient(circle at 8% 72%,rgba(114,75,189,.11),transparent 32rem),
 #071014;pointer-events:none;}
body::after{content:"";position:fixed;inset:0;z-index:-2;opacity:.28;pointer-events:none;background-image:
 linear-gradient(rgba(141,230,225,.025) 1px,transparent 1px),
 linear-gradient(90deg,rgba(141,230,225,.025) 1px,transparent 1px);background-size:42px 42px;
 mask-image:linear-gradient(to bottom,black,transparent 85%);}

/* Landing — rebuild the existing landing markup visually around the Manus system */
#landing-section{background:transparent!important;min-height:100vh;}
.landing-wrapper{width:min(1120px,calc(100% - 48px))!important;margin:0 auto!important;padding:0 0 90px!important;}
.landing-nav{min-height:78px!important;border-bottom:1px solid rgba(201,241,242,.09)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;}
.landing-brand{font-family:'Space Grotesk',sans-serif!important;font-size:15px!important;letter-spacing:.03em!important;color:#e6f6f5!important;font-weight:600!important;}
.landing-brand::first-letter{color:var(--manus-cyan);}
.landing-nav-links{color:#91a6a9!important;font-size:13px!important;}
.landing-nav-links span{transition:.18s;color:inherit;cursor:pointer;}
.landing-nav-links span:hover{color:#e6f6f5;}
.landing-hero{min-height:555px!important;display:grid!important;grid-template-columns:1.02fr .98fr!important;align-items:center!important;gap:50px!important;padding:73px 0 64px!important;position:relative!important;text-align:left!important;}
.landing-hero::after{content:"RYY / SELECTED";grid-column:2;grid-row:1;justify-self:center;align-self:center;width:min(355px,73%);aspect-ratio:.79;border-radius:28px;background:
 linear-gradient(145deg,#1f5557 0%,#102a31 51%,#16183a 100%);box-shadow:22px 28px 55px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.15);
 color:#92ebe7;font:700 9px/1 'DM Sans';letter-spacing:.18em;padding:29px;box-sizing:border-box;transform:rotate(6deg);content:"RYY / SELECTED";}
.landing-hero::before{content:"✦";position:absolute;right:12%;top:31%;z-index:2;color:#8de6e1;font-size:44px;text-shadow:0 0 30px rgba(96,227,220,.3);pointer-events:none;}
.landing-hero .badge-pill{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 10px!important;border:1px solid rgba(119,216,212,.2)!important;border-radius:99px!important;background:rgba(13,29,34,.68)!important;color:#77d8d4!important;font-size:10px!important;letter-spacing:.13em!important;text-transform:uppercase!important;}
.landing-hero h1{position:relative;z-index:1;font-family:'Space Grotesk',sans-serif!important;font-size:clamp(43px,6vw,70px)!important;line-height:.98!important;letter-spacing:-.065em!important;font-weight:600!important;color:#f2fbfa!important;margin:18px 0 0!important;max-width:520px!important;}
.landing-hero h1 span{color:#86e3de!important;}
.landing-hero>p{position:relative;z-index:1;max-width:478px!important;color:#92a9ab!important;line-height:1.72!important;font-size:14px!important;margin:24px 0 0!important;}
.hero-buttons{position:relative;z-index:3;margin-top:31px!important;}
.hero-buttons .btn-accent{border:0!important;border-radius:10px!important;padding:13px 18px!important;background:#8be2dc!important;color:#061012!important;font-size:12px!important;font-weight:700!important;box-shadow:0 8px 24px rgba(96,227,220,.13)!important;}
.landing-box{margin:0 0 18px!important;padding:24px 26px!important;border:1px solid rgba(203,243,242,.11)!important;border-radius:16px!important;background:rgba(14,30,35,.62)!important;box-shadow:0 18px 40px rgba(0,0,0,.1)!important;}
.landing-box h2{font-family:'Space Grotesk'!important;font-size:28px!important;letter-spacing:-.05em!important;color:#edfafa!important;}
.landing-box p{color:#839a9d!important;font-size:12px!important;line-height:1.65!important;}
.landing-box strong{color:#c4d5d6!important;}
.best-seller-section{padding-top:55px!important;}
.best-seller-section>h3{font-family:'Space Grotesk'!important;color:#edfafa!important;font-size:26px!important;letter-spacing:-.04em!important;margin-bottom:22px!important;}
.best-seller-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}

/* Existing store shell */
#app-section{background:transparent!important;}
.store-header{width:min(1120px,calc(100% - 48px))!important;margin:0 auto!important;min-height:78px!important;border-bottom:1px solid rgba(201,241,242,.09)!important;background:transparent!important;position:sticky!important;top:0!important;z-index:30!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;}
.brand-area h2{font-family:'Space Grotesk'!important;color:#edfafa!important;letter-spacing:-.04em!important;}
.brand-area p{color:#748a8d!important;}
.header-status-pill{border:1px solid rgba(119,216,212,.16)!important;background:rgba(13,29,34,.68)!important;color:#8de6e1!important;border-radius:99px!important;}
.btn-icon-minimal{border:1px solid rgba(217,249,249,.13)!important;background:rgba(12,27,31,.7)!important;color:#d9eded!important;border-radius:12px!important;}
.catalog-search{border:1px solid rgba(202,243,242,.12)!important;border-radius:9px!important;background:rgba(13,29,33,.7)!important;}
.catalog-search input{color:#e5f7f5!important;}
.main-container{width:min(1120px,calc(100% - 48px))!important;margin:0 auto!important;max-width:none!important;}

/* Home */
.home-portfolio-card{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:390px!important;border:1px solid rgba(206,244,242,.12)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(31,85,87,.92),rgba(16,42,49,.9) 51%,rgba(22,24,58,.94))!important;box-shadow:22px 28px 55px rgba(0,0,0,.22)!important;overflow:hidden!important;position:relative!important;}
.home-portfolio-media{min-height:390px!important;position:relative!important;overflow:hidden!important;}
.home-portfolio-media img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.9)!important;}
.home-portfolio-media::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(80,220,214,.12),transparent 40%,rgba(12,10,48,.55));}
.home-portfolio-badge{border:1px solid rgba(217,249,249,.15)!important;background:rgba(12,27,31,.72)!important;color:#92ebe7!important;backdrop-filter:blur(14px)!important;border-radius:99px!important;}
.home-portfolio-body{padding:52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;}
.home-eyebrow{color:#77d8d4!important;font-size:10px!important;letter-spacing:.18em!important;font-weight:700!important;}
.home-portfolio-body h1{font-family:'Space Grotesk'!important;font-size:clamp(38px,5vw,62px)!important;line-height:.98!important;letter-spacing:-.065em!important;color:#f2fbfa!important;}
.home-store-slogan{color:#86e3de!important;}
.home-description{color:#92a9ab!important;line-height:1.72!important;}
.home-meta-grid>div{border-top:1px solid rgba(203,243,242,.1)!important;}
.home-meta-grid span{color:#748a8d!important;}
.home-meta-grid strong{color:#d8e9e9!important;}
.home-section{padding:82px 0 0!important;}
.section-heading{display:flex!important;align-items:end!important;justify-content:space-between!important;margin-bottom:25px!important;}
.section-heading h2{font-family:'Space Grotesk'!important;color:#edfafa!important;font-size:32px!important;letter-spacing:-.055em!important;}
.section-count{color:#77d8d4!important;border:1px solid rgba(119,216,212,.18)!important;border-radius:99px!important;padding:6px 10px!important;background:rgba(13,29,34,.65)!important;}
.home-category-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.home-category-grid>*{border:1px solid rgba(206,244,242,.12)!important;border-radius:15px!important;background:rgba(13,29,34,.72)!important;box-shadow:0 12px 35px rgba(0,0,0,.12)!important;transition:.22s ease!important;}
.home-category-grid>*:hover{transform:translateY(-4px)!important;border-color:rgba(137,225,220,.42)!important;box-shadow:0 20px 43px rgba(0,0,0,.23)!important;}
.support-btn{border:1px solid rgba(206,244,242,.12)!important;border-radius:16px!important;background:rgba(14,30,35,.62)!important;color:#d8e9e9!important;box-shadow:0 18px 40px rgba(0,0,0,.1)!important;}
.support-btn small{color:#748a8d!important;}

/* Catalog */
#view-catalog{padding-top:25px!important;}
.catalog-toolbar{border:1px solid rgba(203,243,242,.11)!important;border-radius:16px!important;background:rgba(14,30,35,.45)!important;padding:10px!important;}
.category-tabs button{border:1px solid transparent!important;border-radius:99px!important;padding:8px 13px!important;color:#7f979a!important;background:transparent!important;font-size:11px!important;}
.category-tabs button.active{color:#0c1618!important;background:#8be2dc!important;font-weight:700!important;}
.product-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;}
.product-card{overflow:hidden!important;border:1px solid rgba(206,244,242,.12)!important;border-radius:15px!important;background:rgba(13,29,34,.72)!important;box-shadow:0 12px 35px rgba(0,0,0,.12)!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;}
.product-card:hover{transform:translateY(-4px)!important;border-color:rgba(137,225,220,.42)!important;box-shadow:0 20px 43px rgba(0,0,0,.23)!important;}
.product-art{height:174px!important;background:#183139!important;}
.product-art img{transition:transform .4s ease!important;}
.product-card:hover .product-art img{transform:scale(1.045)!important;}
.product-card-body{padding:17px!important;}
.product-card h3{font-family:'Space Grotesk'!important;color:#e5f6f4!important;}
.product-card p{color:#839a9d!important;}
.product-card-footer strong{font-family:'Space Grotesk'!important;color:#86e3de!important;}
.add-button{width:38px!important;height:38px!important;border-radius:11px!important;background:#8be2dc!important;color:#061012!important;border:0!important;box-shadow:0 8px 20px rgba(96,227,220,.13)!important;}

/* Modal / checkout / cart */
.modal-overlay{background:rgba(2,9,11,.72)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;}
.modal-content{border:1px solid rgba(206,244,242,.14)!important;border-radius:24px!important;background:linear-gradient(145deg,rgba(17,37,42,.96),rgba(8,20,24,.97))!important;box-shadow:0 30px 90px rgba(0,0,0,.42)!important;color:#edfafa!important;}
.modal-top{border-bottom:1px solid rgba(206,244,242,.09)!important;}
.btn-close{border:1px solid rgba(217,249,249,.12)!important;background:rgba(12,27,31,.72)!important;color:#d9eded!important;border-radius:50%!important;}
.payment-option,.dash-card,.settings-panel,.admin-user-card,.admin-detail-section,.admin-response-box,.admin-history-row{border-color:rgba(206,244,242,.12)!important;background:rgba(13,29,34,.72)!important;color:#d9eded!important;}
.admin-toolbar{border-bottom-color:rgba(206,244,242,.09)!important;}
.admin-tab.active{color:#8be2dc!important;border-color:rgba(139,226,220,.35)!important;}
.admin-glass-btn,.admin-mini-btn{border-color:rgba(217,249,249,.13)!important;background:rgba(12,27,31,.7)!important;color:#d9eded!important;border-radius:10px!important;}
.admin-form-input,.admin-form-select,.admin-form-textarea{border-color:rgba(206,244,242,.12)!important;background:rgba(7,16,20,.68)!important;color:#e5f7f5!important;border-radius:10px!important;}
.btn-accent{background:#8be2dc!important;color:#061012!important;border-color:transparent!important;box-shadow:0 8px 24px rgba(96,227,220,.13)!important;}
.btn-accent:hover{background:#b0f2ed!important;}

/* Floating bottom nav */
.floating-nav{border:1px solid rgba(206,244,242,.13)!important;background:rgba(10,24,28,.82)!important;backdrop-filter:blur(22px)!important;-webkit-backdrop-filter:blur(22px)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;border-radius:20px!important;}
.floating-nav-item{color:#789093!important;}
.floating-nav-item.active{color:#8be2dc!important;}

/* Light mode is intentionally still Manus-like, not old glass */
body.light-mode{background:#eef5f5!important;color:#142326!important;}
body.light-mode::before{opacity:.5;}
body.light-mode .store-header{background:rgba(238,245,245,.72)!important;}
body.light-mode .product-card,body.light-mode .home-category-grid>*{background:rgba(255,255,255,.82)!important;color:#142326!important;}
body.light-mode .modal-content{background:#f7fbfb!important;color:#142326!important;}

/* Mobile */
@media(max-width:860px){
 .landing-wrapper,.store-header,.main-container{width:min(100% - 28px,1120px)!important;}
 .landing-hero{grid-template-columns:1fr!important;min-height:0!important;padding:64px 0 55px!important;}
 .landing-hero::after{display:none;}
 .landing-hero::before{right:5%;top:23%;}
 .home-portfolio-card{grid-template-columns:1fr!important;}
 .home-portfolio-media{min-height:250px!important;}
 .home-portfolio-body{padding:30px!important;}
 .product-grid,.best-seller-grid,.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
 .landing-wrapper,.store-header,.main-container{width:calc(100% - 22px)!important;}
 .landing-nav{min-height:66px!important;}
 .landing-nav-links{font-size:12px!important;}
 .landing-hero h1{font-size:44px!important;}
 .landing-box{padding:20px!important;}
 .product-grid,.best-seller-grid,.home-category-grid{grid-template-columns:1fr!important;}
 .section-heading{align-items:flex-start!important;gap:12px!important;}
 .section-heading>p{display:none!important;}
 .catalog-toolbar{align-items:stretch!important;flex-direction:column!important;}
 .catalog-search{width:100%!important;}
 .store-header{min-height:64px!important;}
 .brand-area h2{font-size:16px!important;}
 .header-status-pill{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}