/* Aqua Tasarım · soft surfaces. The logo and aquarium rendering stay untouched. */
:root{--paper:#fffefa;--cream:#f3f4ee;--ink:#193d32;--muted:#596f62;--line:#dbe3d8;--mint:#c9e8d3;--surface-shadow:0 12px 34px #163d3209;--control-shadow:inset 0 1px 0 #ffffffb3,0 3px 0 #b6c8b9,0 7px 15px #153b3012;--dark-control-shadow:inset 0 1px 0 #ffffff26,0 3px 0 #092e23,0 8px 18px #153b301c}
body{background:var(--cream)}
.site-header{background:#0b211b;border-bottom-color:#b5d2bb20;box-shadow:0 6px 30px #04120c14}
.site-header .wordmark,.site-footer .wordmark{color:#f4f2e9}
.desktop-nav{gap:8px;align-items:center}
.desktop-nav>a{padding:10px 13px;border-radius:999px;font-size:12px;white-space:nowrap}
.desktop-nav>a:hover,.desktop-nav>a[aria-current="page"]{background:#ffffff0d;color:#d8edcf}
.header-actions{gap:8px}
.site-header .icon-button,.site-header .cart-trigger{min-width:44px;min-height:44px;border:1px solid #ffffff18;border-radius:16px;background:linear-gradient(155deg,#ffffff0d,#ffffff03);box-shadow:inset 0 1px 0 #ffffff12,0 3px 0 #04160f60;transition:background .18s,transform .18s}
.site-header .cart-trigger{padding:0 11px;gap:6px}
.site-header .icon-button:hover,.site-header .cart-trigger:hover{background:#ffffff12}
.site-header .icon-button:active,.site-header .cart-trigger:active{transform:translateY(2px)}
.mobile-menu{padding:18px 5% 25px;border-radius:0 0 26px 26px;border-bottom:1px solid #ffffff1c;box-shadow:0 20px 30px #08241b24}
.mobile-menu a,.mobile-menu .mobile-account-entry{font-size:17px;border:1px solid #ffffff10;border-radius:15px;background:#ffffff05;color:inherit;margin:7px 0;padding:13px 17px;min-height:50px;width:100%;text-align:left}
.mobile-menu .mobile-account-entry{display:none}
.announcement{background:#e1ecdf;min-height:36px;height:auto;padding-block:7px}

/* Tangible controls: a quiet highlight, a short lower edge and a pressed state. */
.button,.wilderness-hero .wilderness-shop,.as-primary{border-radius:999px;min-height:50px;padding:14px 25px;justify-content:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.01em;line-height:1.4;border:1px solid transparent;transition:transform .18s,box-shadow .18s,background .18s}
.button-dark,.as-primary{color:#f8fcf5;background:linear-gradient(160deg,#315c49,#193e31);border-color:#1b4736;box-shadow:var(--dark-control-shadow)}
.button-light,.wilderness-hero .wilderness-shop{color:#153d2e;background:linear-gradient(155deg,#fffff7,#e7eddc);border-color:#f8fff0;box-shadow:inset 0 1px 0 #fff,0 4px 0 #a9b8a1,0 12px 26px #041a1c35}
.button-outline{background:linear-gradient(#fffefa,#f0f4ea);border-color:#cfdbcb;box-shadow:var(--control-shadow)}
.button>span{font-size:inherit;line-height:inherit}
.button:active,.wilderness-hero .wilderness-shop:active,.as-primary:active{transform:translateY(3px);box-shadow:inset 0 1px 4px #09291d20,0 1px 0 #a7baab}
.button:disabled,.as-primary:disabled{transform:none;box-shadow:none}
.text-link{font-size:12px;font-weight:600;min-height:44px;padding:10px 17px;border:1px solid #d0ddce;border-radius:999px;background:#ffffff87;line-height:1.5;justify-content:center;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d4dfd0}
.text-link:hover{border-color:#99b7a0;background:#fffefa}
.inline-model-actions>button,.inline-model-actions>a,.filter-chip,.blog-categories>a,.blog-pagination>a{border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;padding:10px 16px;line-height:1.4;border:1px solid #d3dfcf;background:#fffefa;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d4dfd0}
.filter-chip.active,.blog-categories>a[aria-current],.blog-pagination>a[aria-current],.inline-model-actions>button[aria-pressed="true"]{background:linear-gradient(155deg,#355e4a,#1c4132);border-color:#244b39;color:#fffefa;box-shadow:inset 0 1px 0 #ffffff22,0 2px 0 #102f23}
.close-button,.quick-add,.quantity-control button{min-width:44px;min-height:44px;border-radius:50%;background:linear-gradient(#fffefa,#e9efdf);border:1px solid #d3dfce;box-shadow:inset 0 1px 0 #fff,0 2px 0 #bacbb6;color:#193d32}
.quick-add{width:44px;height:44px;bottom:15px;right:15px;font-size:25px}
.quick-add:hover{transform:translateY(-2px)}
.quick-add:active{transform:translateY(1px)}
.quantity-control{border:1px solid #d5e0d1;border-radius:999px;padding:3px;gap:3px;height:52px;background:#eef3e8}
.quantity-control button{width:44px;height:44px;box-shadow:0 1px 3px #0e302016}
.detail-add .quantity-control{height:54px}
.detail-add .quantity-control button{height:44px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #578062;outline-offset:4px}

/* The shop sits on broad, light surfaces around the living aquarium. */
.home-categories{padding-top:70px;padding-bottom:65px}
.home-category-list{gap:14px}
.home-category-list>a,.home-category-link{border:1px solid #dce5d6;border-radius:22px;padding:23px 21px;min-height:108px;background:linear-gradient(135deg,#fffefa,#eaf0e4);box-shadow:inset 0 1px 0 #fff,0 4px 0 #dbe5d5,0 12px 26px #14382306;display:flex;align-items:center;gap:16px;transition:transform .2s,box-shadow .2s}
.home-category-list>a>span:first-child{font-size:11px;color:#78927b;letter-spacing:.06em}
.home-category-list>.category-pill>span:last-child{margin-left:0;padding-right:0;font-size:14px;font-weight:500;line-height:1.5}
.section-heading{margin-bottom:32px;align-items:center}
.section-heading h2,.home-categories h2{letter-spacing:-1.5px}
.collection-section{padding-top:36px;padding-bottom:82px}
.product-grid{gap:24px}
.product-card{padding:11px 11px 21px;border:1px solid #e0e6da;border-radius:26px;background:var(--paper);box-shadow:inset 0 1px 0 #fff,var(--surface-shadow);transition:transform .25s,box-shadow .25s}
.product-card .product-image-link{border-radius:18px;isolation:isolate;background:#e8ede2}
.product-meta{padding:17px 9px 0}
.product-category{font-size:9px;letter-spacing:1.1px;color:#526f58;margin-bottom:8px}
.product-name{font-size:15px;line-height:1.45;font-weight:600}
.product-spec{font-size:11px;line-height:1.7;margin-top:6px}
.product-price{font-size:16px;margin-top:12px}
.product-price .old-price{font-size:11px}
.product-badge{border-radius:999px;padding:6px 10px;background:#fffff2e8;box-shadow:0 3px 8px #15342410;font-size:9px}
.stock-note{font-size:11px}
.category-card{border:1px solid #dfe6d8;border-radius:26px;background:var(--paper);padding:12px 12px 25px;box-shadow:var(--surface-shadow)}
.category-card .category-visual{border-radius:18px;overflow:hidden}
.category-card-caption,.category-card>p{margin-inline:12px}
.category-card>p{font-size:12px;line-height:1.85}
.category-card-index{border-radius:999px}
.inline-model-stage{border-radius:24px;border:1px solid #d3dfce;box-shadow:inset 0 1px 0 #fff,0 9px 30px #1731260a}
.inline-model-actions{gap:12px}
.vitrin-teaser{border-radius:28px;background:linear-gradient(130deg,#244c3d,#102e24);color:#f6f8ee;padding:42px;margin:0 6% 68px;box-shadow:0 16px 35px #183e2812}
.page-heading{padding-top:58px;margin-bottom:38px}
.page-heading .eyebrow{color:#526c57}
.page-heading>p{font-size:14px;max-width:620px}
.page-heading h1 em{color:#617f64}
.catalog-controls{padding:19px;border:1px solid #dce5d6;border-radius:24px;background:#e9efe3;gap:18px;align-items:flex-start}
.category-filters{gap:8px;flex:1}
.catalog-utilities{gap:10px;flex-wrap:wrap}
.search-field{border:1px solid #d3dfce;border-radius:999px;background:var(--paper);padding:0 13px;min-height:46px;box-shadow:inset 0 2px 4px #1f4c2910}
.search-field input{width:160px;font-size:13px;padding:12px 0;min-height:44px}
.sort-field select{border:1px solid #d3dfce;border-radius:999px;padding:12px;max-width:160px;background:var(--paper);font-size:12px;min-height:46px}
.result-label{height:54px;font-size:11px;padding-inline:6px}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;margin:0 0 24px;border:1px solid #dce5d6;border-radius:22px;background:#e9efe3;font-size:12px}
.collection-toolbar label{display:flex;align-items:center;gap:12px;min-width:0}
.collection-toolbar input{min-height:46px;width:230px;max-width:100%;border:1px solid #cddbc7;border-radius:999px;padding:11px 16px;background:var(--paper);color:var(--ink);font-size:14px}
.seo-category-links>a{box-shadow:inset 0 1px 0 #fff,0 2px 0 #d4dfd0;background:var(--paper);min-height:44px}
.seo-category-links>a[aria-current="page"]{background:linear-gradient(155deg,#355e4a,#1c4132);box-shadow:inset 0 1px 0 #ffffff22,0 2px 0 #102f23}
.collection-section>.seo-intro{padding-top:27px;font-size:13px;line-height:1.9}
.empty-state{border:1px dashed #bbcdb7;border-radius:24px;background:#fffefa;padding:50px 25px}
.product-page-gallery,.product-page-image,.product-detail-image{border-radius:25px;overflow:hidden}
.product-media-stage{border-radius:25px;border:1px solid #d6e1d1;box-shadow:var(--surface-shadow)}
.product-media-tabs{border-radius:999px;padding:4px;gap:4px;background:#e5eddf;border-color:#d4dfce}
.product-media-tabs>button{border-radius:999px;min-height:44px;font-size:12px}
.product-media-tabs>button[aria-pressed="true"]{background:linear-gradient(155deg,#355e4a,#1c4132);box-shadow:inset 0 1px 0 #ffffff22,0 2px 0 #102f23}
.detail-description,.detail-specs{border-color:#d8e3d2}
.detail-specs>div{padding:15px 8px 15px 0}
.detail-specs dt{font-size:10px}.detail-specs dd{font-size:12px}

/* Forms, account and editorial pages share the same visual weight. */
dialog:not(.drawer-dialog){border-radius:26px;border:1px solid #f6fff0;box-shadow:0 25px 100px #08251e40}
.drawer-dialog{border-radius:28px 0 0 28px;border-left:1px solid #d9e4d2}
.cart-item{grid-template-columns:80px minmax(0,1fr)}
.cart-item>img{border-radius:15px}.cart-item>div{min-width:0}.cart-item h3{overflow-wrap:anywhere}.cart-item-bottom{flex-wrap:wrap;gap:12px}
.form-field{font-size:12px;gap:9px}
.form-field input,.form-field select,.form-field textarea,.as-form input:not([type=checkbox]),.as-form textarea,.as-form select{border:1px solid #ccdac7;border-radius:15px;background:#fffefa;min-height:48px;padding:13px 15px;box-shadow:inset 0 2px 4px #22432c07;font-size:14px}
.form-field input:focus,.form-field textarea:focus,.form-field select:focus{background:#fff;border-color:#79a785;box-shadow:0 0 0 3px #a2caa025}
.checkbox-row input[type=checkbox]{accent-color:#2e6146;min-width:18px;min-height:18px}
.auth-dialog .form-stack,.contact-content .form-stack{gap:20px}
.account-tabs{gap:8px;border:0;padding:5px 5px 9px;border-radius:18px;background:#eaf0e3}
.account-tabs button{padding:11px 16px;border:0;border-radius:13px;font-size:12px;min-height:44px}
.account-tabs button.active{background:var(--paper);box-shadow:0 2px 5px #1b3d2314}
.order-card,.address-card,.bank-details,.custom-guest-note,.custom-guidance dl,.blog-toc{border-radius:20px}
.contact-page-layout{gap:8%}
.contact-page-layout>.contact-content,.custom-form{background:var(--paper);border:1px solid #dce5d6;border-radius:26px;padding:30px;box-shadow:var(--surface-shadow)}
.custom-process>div{border-radius:16px;border:1px solid #d9e4d3;background:#eaf0e3;padding:15px 18px;margin-bottom:10px}
.custom-auth-actions{flex-wrap:wrap;gap:16px}
.custom-upload{border-radius:18px}
.blog-card{border-radius:24px;border-color:#dce5d6;box-shadow:var(--surface-shadow)}
.blog-card:before{border-radius:999px;background:#93b38b}
.blog-cta{border-radius:28px;background:linear-gradient(130deg,#285440,#123125)}
.blog-prose>ul,.blog-prose>ol,.blog-note{border-radius:17px}
.blog-toc{background:#e9efe1;padding:20px}
.toast{border-radius:18px;border:1px solid #ffffff24}
.as-launcher{border-radius:999px;background:linear-gradient(150deg,#365f4b,#173d30);box-shadow:inset 0 1px 0 #ffffff29,0 3px 0 #092a20,0 12px 30px #0720182b;min-height:50px}
.as-dialog{border-radius:25px}.as-thread{border-radius:16px}.as-icon{min-width:44px;min-height:44px;border-radius:50%}

/* Footer inputs remain clear and comfortable against the dark surface. */
.site-footer{background:#0b211b}
.footer-top{gap:50px;padding-top:65px}
.newsletter{max-width:100%;width:450px}
.newsletter-input{border:1px solid #a8c29c36;border-radius:999px;background:#ffffff07;padding:5px;gap:8px;box-shadow:inset 0 2px 4px #00000010}
.newsletter-input input{padding:10px 15px;min-height:44px;font-size:14px}
.newsletter-input button{flex-shrink:0;min-width:82px;min-height:44px;border-radius:999px;font-size:12px;font-weight:600;background:linear-gradient(#e8f3de,#c3dcb6);color:#153d29;box-shadow:inset 0 1px 0 #fff8,0 2px 0 #8faa82;padding:10px 15px}
.footer-links{padding-block:35px 45px;gap:28px}
.footer-links a,.footer-links button{min-height:34px;font-size:12px;display:inline-flex;align-items:center}
.footer-links .micro-label{font-size:9px;color:#a3b99a;letter-spacing:1.8px}
.footer-bottom{font-size:10px}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .button:hover,.wilderness-hero .wilderness-shop:hover,.as-primary:hover{transform:translateY(-2px)}
  .button-dark:hover,.as-primary:hover{background:linear-gradient(155deg,#3a6b51,#214a38);box-shadow:inset 0 1px 0 #ffffff29,0 5px 0 #102f22,0 12px 22px #153b301c}
  .home-category-list>a:hover,.product-card:hover{transform:translateY(-4px);box-shadow:0 17px 32px #14382312}
}
@media(max-width:1200px){.desktop-nav{gap:0}.desktop-nav>a{padding-inline:9px}.header-actions{gap:5px}.catalog-controls{flex-wrap:wrap}.catalog-utilities{width:100%;justify-content:space-between}.search-field{flex:1}.search-field input{width:100%}}
@media(max-width:900px){.product-grid{gap:18px}.product-card{border-radius:22px}.footer-top{gap:30px}.section-heading{align-items:flex-start}.catalog-controls{padding:16px}.contact-page-layout>.contact-content,.custom-form{padding:24px}}
@media(max-width:800px){
  .section-shell{padding-left:5%;padding-right:5%}.site-header{padding-inline:5%;height:74px}
  .header-actions{gap:6px}.site-header .icon-button,.site-header .cart-trigger{border-radius:14px;min-width:44px;min-height:44px}
  .site-header .cart-trigger{padding-inline:8px}.site-header .cart-count{min-width:18px;height:18px;font-size:9px}
  .page-heading{padding-top:40px}.page-heading>p{font-size:13px}.home-categories{padding-block:43px}
  .home-category-list{gap:12px}.home-category-list>a{min-height:100px;padding:18px 15px;border-radius:19px;font-size:13px}
  .section-heading{flex-wrap:wrap;gap:22px;margin-bottom:28px}.section-heading .text-link{font-size:11px}
  .form-field input,.form-field textarea,.form-field select,.search-field input,.sort-field select,.as-form input:not([type=checkbox]),.as-form textarea,.as-form select{font-size:16px}
  .newsletter-input input{font-size:16px}.product-meta{padding:15px 5px 0}.product-price{font-size:15px}
  .drawer-inner{padding:27px 22px}.as-launcher{bottom:max(16px,env(safe-area-inset-bottom));right:16px}
  .footer-top{flex-direction:column;gap:35px}.newsletter{width:100%;max-width:540px}.footer-links{gap:25px}
}
@media(max-width:540px){
  .header-actions{gap:5px}.site-header .cart-trigger{min-width:44px;padding-inline:9px;position:relative}.site-header .cart-count{position:absolute;right:-4px;top:-4px;background:#324e3c;border-color:#577255;font-size:9px}
  .site-header .icon-button svg,.site-header .cart-trigger svg{width:20px;height:20px}
  .button,.wilderness-hero .wilderness-shop{min-height:50px;padding:14px 22px;font-size:12px}.hero-ctas>.button{justify-content:center}
  .product-grid{gap:16px 12px}.product-card{padding:7px 7px 16px;border-radius:20px}.product-card .product-image-link{border-radius:14px;aspect-ratio:1/1.15}
  .product-category{font-size:8px;letter-spacing:.7px}.product-name{font-size:13px}.product-spec{font-size:10px}.product-price{font-size:14px;gap:6px;flex-wrap:wrap}.stock-note{font-size:10px}
  .quick-add{bottom:9px;right:9px}.product-badge{top:8px;left:8px;font-size:8px;padding:4px 7px}
  .category-card{padding:8px 8px 18px;border-radius:20px}.category-card .category-visual{border-radius:14px}.category-card-caption,.category-card>p{margin-inline:6px}.category-card-caption h2{font-size:23px}.category-card>p{font-size:11px}
  .home-category-list>a{font-size:12px;min-height:96px;gap:9px;padding:17px 13px}.home-category-list>a>span:first-child{font-size:10px}
  .catalog-controls{border-radius:20px;padding:12px;gap:15px}.category-filters{gap:8px;flex-wrap:wrap;overflow:visible;width:100%}.filter-chip{font-size:11px;padding:10px 13px;min-height:44px}
  .catalog-utilities{display:grid;grid-template-columns:1fr;gap:10px}.search-field{width:100%}.sort-field select{width:100%;max-width:none}.sort-field{display:block}
  .collection-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.collection-toolbar label{flex-direction:column;align-items:stretch;gap:7px}.collection-toolbar input{width:100%;font-size:16px}.seo-category-links{gap:10px;margin-bottom:25px}
  .page-heading h1{font-size:39px;line-height:1.15}.page-heading .eyebrow{line-height:1.6}.page-heading>p{font-size:13px;line-height:1.85}
  .inline-model-stage{border-radius:21px}.inline-model-actions{gap:10px}.inline-model-actions>button,.inline-model-actions>a{font-size:11px;padding:11px 15px}
  .contact-page-layout>.contact-content,.custom-form{padding:22px 18px;border-radius:22px}.custom-guest h2{font-size:35px}
  .detail-add{flex-wrap:wrap}.detail-add>.button{flex-basis:calc(100% - 145px);padding-inline:12px}.detail-specs{gap:0 10px}.detail-specs dt{font-size:9px}
  dialog:not(.drawer-dialog){max-width:calc(100vw - 22px);border-radius:24px}.drawer-dialog{border-radius:24px 0 0 24px;max-width:100%}.auth-dialog,.contact-dialog{padding:55px 24px 28px}
  .account-tabs{gap:5px}.account-tabs button{font-size:11px;padding:11px 13px}.dialog-heading h2{font-size:29px}
  .cart-item{grid-template-columns:70px minmax(0,1fr)}.cart-item-bottom{align-items:flex-start;gap:10px}.cart-item-bottom .quantity-control{flex-shrink:0}
  .vitrin-teaser{padding:28px 23px;margin:0 5% 45px;border-radius:24px}.blog-card{border-radius:22px}.blog-cta{border-radius:24px}
  .footer-top{padding-top:45px;padding-bottom:35px}.footer-links{grid-template-columns:1fr 1fr}.newsletter h2{font-size:27px}.newsletter-consent{font-size:10px!important}.footer-bottom{line-height:1.8}
  .as-launcher{padding:11px 17px;font-size:12px;min-height:48px}.as-dialog{border-radius:23px}
}
@media(max-width:360px){.site-header{padding-inline:12px}.header-actions{gap:8px}.site-header [data-action="account"]{display:none}.mobile-menu .mobile-account-entry{display:flex;align-items:center}.site-header .icon-button,.site-header .cart-trigger{min-width:44px}.product-grid{gap:10px}.product-card{padding:6px 6px 14px}.quick-add{min-width:44px;min-height:44px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.button,.text-link,.product-card,.home-category-list>a,.wilderness-hero .wilderness-shop,.as-primary{transition:none;transform:none!important}}
