
:root{--ink:#18202c;--muted:#596473;--blue:#164ee8;--line:#dce1e7;--paper:#f4f6f8;--pink:#ed267d}*{box-sizing:border-box}body{margin:0;font:16px/1.6 'Segoe UI',Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}button,.btn{border:0;border-radius:7px;padding:13px 21px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--blue);color:white}.btn.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.wrap{width:min(1240px,90%);margin:auto}.demo{background:var(--ink);color:#fff;font-size:13px;padding:7px 5%;display:flex;justify-content:space-between;gap:15px}.demo a{text-decoration:underline}header{border-bottom:1px solid var(--line);background:#fff}header .wrap{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:28px;line-height:1.05;font-weight:850;letter-spacing:-1.5px}.brand small{display:block;font-size:12px;letter-spacing:3px;margin-bottom:7px;font-weight:600}.dots{display:inline-flex;gap:3px;margin-left:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#00b9e6}.dots i:nth-child(2){background:var(--pink)}.dots i:nth-child(3){background:#f2cf16}nav{display:flex;align-items:center;gap:27px;font-size:15px;font-weight:600}nav a:hover,.textlink{color:var(--blue)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:75px 0 65px;align-items:center}.eyebrow{font-size:13px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin-bottom:20px}h1{font-size:clamp(42px,5.3vw,74px);line-height:1.06;letter-spacing:-3.7px;font-weight:760;margin:0 0 27px}h1 em{font-style:normal;color:var(--blue)}p{color:var(--muted);margin:0 0 25px}.hero p{font-size:18px;max-width:470px}.actions{display:flex;gap:12px;flex-wrap:wrap}.hero-media{position:relative;background:#edf1f7;border-radius:15px;min-height:420px;overflow:hidden;display:grid;place-items:center}.hero-media img{width:100%;height:420px;object-fit:contain;padding:25px;background:white}.hero-caption{position:absolute;bottom:18px;left:18px;right:18px;padding:13px 18px;background:#fffef5ed;border:1px solid var(--line);border-radius:8px;font-size:14px}.colorline{height:5px;background:linear-gradient(90deg,#00b9e6 0 25%,#ed267d 25% 50%,#f0d416 50% 75%,#18202c 75%)}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:22px;font-size:15px}.proof strong{display:block;font-size:19px}.proof span{color:var(--muted)}section{padding:65px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:36px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px}h3{line-height:1.3;font-size:21px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #15203510}.card .photo{width:100%;height:235px;object-fit:contain;background:#f4f6f8;padding:18px}.card .body{padding:5px 23px 22px}.card h3{display:flex;justify-content:space-between;gap:12px}.card small{color:var(--muted)}.allcats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin-top:35px}.allcats a{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.soft{background:var(--paper)}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about p{font-size:18px}.contact{background:var(--ink);color:#fff}.contact p{color:#c3cbd7}.contact a:not(.btn){color:#fff}.contact .wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{font-size:42px}.contact .phone{font-size:30px;font-weight:700}.contact address{font-style:normal}.foot{padding:22px 0;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:var(--muted)}.crumb{font-size:14px;padding:25px 0;color:var(--muted)}.categoryhero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:30px 0 60px;align-items:center}.categoryhero h1{font-size:58px}.categoryhero img{height:330px;width:100%;object-fit:contain;background:var(--paper);border-radius:12px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0 30px}.chip{background:white;border:1px solid var(--line);color:var(--ink);padding:8px 15px;font-weight:500}.chip.active{background:var(--ink);color:#fff}.notice{background:#edf3ff;color:#264575;border:1px solid #c6d5f9;padding:13px 18px;border-radius:7px;font-size:14px;margin-bottom:25px}.admin{display:grid;grid-template-columns:240px 1fr;gap:35px;padding:35px 0 60px}.admin aside{background:var(--paper);border-radius:10px;padding:22px;align-self:start}.admin aside a{display:block;padding:12px 0}.admin h1{font-size:40px;letter-spacing:-1.5px}.editor{padding:25px;border:1px solid var(--line);border-radius:10px;margin-bottom:20px}label{display:block;font-size:14px;font-weight:650;margin-bottom:16px}input,textarea,select{display:block;width:100%;padding:11px;border:1px solid #b9c2cf;border-radius:6px;margin-top:6px;color:var(--ink);background:white}textarea{min-height:115px;resize:vertical}.row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.row>*{flex:1}.upload{border:2px dashed #a5b8e0;background:#f5f8ff;padding:25px;text-align:center;border-radius:8px;margin-bottom:20px}.adminitem{display:grid;grid-template-columns:100px 1fr auto;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.adminitem img{width:100px;height:80px;object-fit:contain;background:var(--paper)}.adminitem button{padding:9px 13px;background:var(--paper);color:var(--ink);font-size:14px}.adminitem p{margin:0;font-size:14px}.hiddenitem{opacity:.6}dialog{border:0;border-radius:12px;max-width:min(900px,94vw);padding:24px;box-shadow:0 25px 90px #0005}dialog::backdrop{background:#111b30b0}dialog img{max-width:100%;max-height:70vh;object-fit:contain}dialog button{float:right}.empty{padding:30px;background:var(--paper);border-radius:9px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#183e2b;color:white;border-radius:8px;padding:13px 24px;z-index:9;max-width:90vw}.mobilemenu{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:850px){nav{gap:15px;flex-wrap:wrap}header .wrap{flex-wrap:wrap;padding:22px 0}.hero{gap:25px;padding:40px 0;grid-template-columns:1fr 1fr}h1{letter-spacing:-2px}.hero-media,.hero-media img{min-height:300px;height:300px}.grid{grid-template-columns:repeat(2,1fr)}.allcats{grid-template-columns:repeat(2,1fr)}.admin{grid-template-columns:1fr}.admin aside{display:none}.categoryhero{gap:25px}.categoryhero h1{font-size:42px}}@media(max-width:580px){.demo{font-size:12px}.wrap{width:90%}nav{gap:16px;font-size:14px}nav .btn{padding:8px 13px}.hero,.categoryhero,.about,.contact .wrap{grid-template-columns:1fr;gap:30px}h1{font-size:47px}.hero-media,.hero-media img{height:310px}.proof{flex-direction:column;gap:16px}.proof strong{display:inline;margin-right:10px}.grid{grid-template-columns:1fr}.allcats{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}section{padding:42px 0}h2{font-size:30px}.contact h2{font-size:34px}.foot{flex-direction:column}.adminitem{grid-template-columns:70px 1fr}.adminitem img{width:70px}.adminitem .row{grid-column:1/-1}.categoryhero img{height:270px}.editor{padding:18px}.hero p{font-size:17px}}

.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:white;padding:15px}.narrow{max-width:760px}.narrow h1,.adminpage h1{font-size:42px;letter-spacing:-1.5px}.error{background:#fff0f0;border:1px solid #e3a2a2;color:#862222;padding:15px;border-radius:8px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:28px}.adminnav{display:flex;gap:22px;padding:15px 0;margin-bottom:30px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.adminnav form{margin-left:auto}.adminpage h2{font-size:27px}.check{display:flex;gap:12px;align-items:center}.check input{width:auto;margin:0}.editphoto{width:100%;max-height:600px;object-fit:contain}.danger{background:#a32c34}.albumselect{flex:1;display:flex;gap:12px;align-items:end}.albumselect label{flex:1;margin:0}.albumselect select{max-width:600px}.catalogitem a{border:0}.catalogitem{border-bottom:1px solid var(--line);padding-bottom:8px}.catalogitem summary{font-size:14px;cursor:pointer;color:var(--blue)}.catalogitem span{font-size:13px;white-space:nowrap;color:var(--muted)}.subcatalog{padding-left:17px}.pagination{justify-content:center;margin-top:35px;flex-wrap:wrap}.albumdescription{margin-bottom:25px}.albumdescription summary{cursor:pointer;font-weight:600}.albumdescription p{max-height:400px;overflow:auto;margin-top:12px}.contact .eyebrow{color:#91baff}.fullphoto{margin:0}.fullphoto img{width:100%;max-height:75vh;object-fit:contain;background:var(--paper)}.fullphoto h1{font-size:36px;letter-spacing:-1px;margin-top:25px}.recovery{display:block;padding:18px;background:var(--paper);overflow-wrap:anywhere;margin-bottom:25px}#katalog{padding-top:45px}.editor .photo{width:100%;max-height:220px;object-fit:contain}.hero-media img{object-fit:contain}.hero-caption{color:var(--ink)}.grid{margin-top:22px}.grid p{font-weight:400}.upload input{background:white;max-width:100%}button:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.twocol{grid-template-columns:1fr}.albumselect{flex-wrap:wrap}.adminnav form{margin-left:0}.adminpage h1{font-size:34px}.fullphoto h1{font-size:30px}.sectionhead{align-items:stretch}}

.company-story{max-width:860px;padding:32px 0 70px}.company-story h1{margin-bottom:40px}.company-story h2{font-size:28px;line-height:1.3;margin:38px 0 18px;padding-top:20px;border-top:1px solid var(--line)}.company-story p{font-size:18px;line-height:1.85;margin:0 0 18px}@media(max-width:580px){.company-story h2{font-size:24px}.company-story p{font-size:17px}}

.shop{padding-top:32px}.shop-price{font-size:1.35rem;font-weight:700}.shop-description{max-width:900px;line-height:1.8;overflow-wrap:anywhere}.shop-search{display:flex;align-items:end;gap:16px;margin:28px 0}.shop-search label{flex:1}.shop-categories summary{cursor:pointer;font-weight:700;margin:20px 0}.shop .photo{object-fit:contain;background:#fff}.shop .categoryhero>img{object-fit:contain}.shop .card .body h3{overflow-wrap:anywhere}@media(max-width:640px){.shop-search{display:block}.shop-search button{margin-top:12px}}
.shop-net{font-size:.72em;font-weight:400;color:var(--muted);white-space:nowrap}

.contact .editor{background:#fff;color:var(--ink)}.contact .editor a,.legal a{color:#164ee8;text-decoration:underline}.contact-form textarea{min-height:140px}.form-notice{font-size:.85rem;line-height:1.5}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.legal{max-width:900px}.legal h2{font-size:1.6rem;margin-top:2rem}.legal li{margin-bottom:.7rem}.local-video{display:block;width:100%;max-width:900px;max-height:65vh;background:#111}.play-icon{font-size:2rem;color:var(--blue)}.location-card{align-self:center}.foot{flex-wrap:wrap;gap:20px}
.contact .editor p{color:var(--muted)}

.business-hours{margin:24px 0}.business-hours h3{margin-bottom:8px}.business-hours p{margin:8px 0}.business-hours a{text-decoration:underline}.business-hours .form-notice{max-width:420px}

.google-rating{display:flex;flex-direction:column;gap:3px}.google-rating strong{font-size:2rem}.google-rating strong span{font-size:1rem;color:var(--muted)}.google-rating small{font-size:.75rem;color:var(--muted)}.google-map{border:1px solid var(--line);border-radius:16px;overflow:hidden}.map-placeholder{text-align:center;padding:55px 24px;background:linear-gradient(135deg,#eff4fd,#f7f9fc)}.map-placeholder p{max-width:670px;margin:16px auto}.map-placeholder .actions{justify-content:center;flex-wrap:wrap}.google-map iframe{display:block;width:100%;height:520px;border:0}.map-controls{padding:16px;background:var(--paper)}.map-controls small{display:block;margin-top:12px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:580px){.google-map iframe{height:420px}.map-placeholder{padding:30px 18px}}

.cart-line{display:grid;grid-template-columns:2fr 1fr;gap:24px;margin:20px 0}.cart-line h2{font-size:1.35rem}.cart-line input,.cart-line textarea{width:100%}.cart-checkout{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:start}.cart-add{margin:24px 0}.cart-add label{font-size:1rem}.cart-add p{font-size:.9rem}.cart-page .actions{flex-wrap:wrap}.order-summary{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:var(--paper);padding:24px}header nav{flex-wrap:wrap}button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:760px){.cart-line,.cart-checkout{grid-template-columns:1fr}}

/* Forms remain readable in narrow columns and with mobile text enlargement. */
.grid>*,.categoryhero>*,.contact .wrap>*,.cart-checkout>*,.cart-line>*,.allcats>*{min-width:0}
h1,h2,h3,.crumb,.catalogitem,.cart-page,.contact address,.foot{overflow-wrap:anywhere}
input,select,textarea{font-size:16px;max-width:100%}button,.btn{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}
input[type=file]{min-width:0;font-size:14px}input[type=file]::file-selector-button{min-height:36px;max-width:100%;margin-right:8px}
header nav a{display:inline-flex;align-items:center;min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #164ee8;outline-offset:3px}
.shop .categoryhero{align-items:start}.shop .categoryhero h1{font-size:clamp(30px,4vw,52px)}
@media(max-width:900px){.cart-checkout,.contact .wrap,.about{grid-template-columns:1fr;gap:28px}.cart-checkout h2{font-size:30px}.contact .editor{width:100%}}
@media(max-width:600px){.shop .categoryhero{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr}.contact .phone{font-size:clamp(23px,7vw,30px)}header nav{column-gap:16px;row-gap:3px}.cart-page>.actions{align-items:stretch;flex-direction:column}.cart-page>.actions>*{text-align:center;width:100%}.cart-page h1{font-size:40px}.cart-checkout h2{font-size:28px}.allcats a{flex-wrap:wrap}.allcats a span{font-size:14px}.hero .actions{flex-wrap:wrap}.shop-net{white-space:normal}}
