/* Color and dimensional surfaces for the Logan storefront. */
@font-face{font-family:'Logan Fun';src:url('/assets/fonts/fredoka-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
body{background:#fffdfb;color:#203f4b;overflow-x:clip}
p{color:#61727d}em{color:#ef5186}.topbar{background:linear-gradient(100deg,#087e8d,#03a6a5);color:#fff;font-weight:600}
.header{background:#fffffff2;border-bottom:1px solid #e4e8f0}.header nav a:hover{color:#bd3876}
.btn,.text-button,.filters button,.round-btn{border:1px solid #dcd9ed;background:linear-gradient(180deg,#fff 10%,#eeeafa);color:#433866;box-shadow:inset 0 2px 0 #fff,0 6px 0 #b7adcd,0 10px 16px #57406920;border-radius:14px}
.btn:hover,.text-button:hover,.filters button:hover,.round-btn:hover{transform:translateY(-3px);box-shadow:inset 0 2px 0 #fff,0 9px 0 #b7adcd,0 14px 20px #57406925}
.btn:active,.text-button:active,.filters button:active{transform:translateY(4px);box-shadow:inset 0 1px 3px #5b416520,0 2px 0 #b7adcd}
.btn.primary{border-color:#078a95;background:linear-gradient(175deg,#16b5b1,#058493);box-shadow:inset 0 2px 0 #69dbd9,0 7px 0 #075766,0 14px 24px #087f8833}
.btn.primary:hover{box-shadow:inset 0 2px 0 #69dbd9,0 10px 0 #075766,0 17px 26px #087f883d}.btn.primary:active{box-shadow:0 2px 0 #075766}
.cart-button{border-color:#ecc4d8;background:linear-gradient(#fff8fc,#ffd8e9);color:#a12f69;box-shadow:inset 0 2px 0 #fff,0 6px 0 #d9a0bc,0 9px 15px #a62f6e14;gap:9px}.cart-button span{background:#e7518b;color:#fff}.cart-icon{flex-shrink:0}
.hero{position:relative;grid-template-columns:.94fr 1.06fr;gap:46px;padding-top:44px;padding-bottom:65px;min-height:690px}.hero-copy{position:relative;z-index:2}
.hero-copy .eyebrow{color:#077f88;background:#e4f9f5;padding:8px 13px;border:1px solid #b8e9df;border-radius:30px;font-size:9px;letter-spacing:.12em;box-shadow:0 3px 0 #c4e4de}.eyebrow i{background:#f85c93}
.hero h1{font-size:clamp(49px,4.55vw,69px);letter-spacing:-.055em;line-height:1.09;color:#194456;margin:25px 0}.hero h1 em{display:block;font-family:inherit;font-style:normal;font-weight:800;color:#e94783;text-shadow:0 3px 0 #f9c3d8;letter-spacing:-.06em}.hero h1 br{display:none}
.hero-copy>p{font-size:16px;line-height:1.8;max-width:365px;color:#596d79}.hero-actions{gap:17px}.hero-actions .primary{padding:18px 24px}.hero-actions .text-button{font-size:11px;padding:12px 15px;min-height:48px}
.hero-note{color:#6b7790;gap:13px;margin-top:36px}.hero-note strong{color:#527584}.tiny-flower{color:#e84f88;text-shadow:0 3px 0 #fab4d0;filter:drop-shadow(0 4px 3px #aa327326)}
.hero-visual{isolation:isolate;min-height:578px;background:radial-gradient(ellipse at 55% 25%,#fff3b2 0,#ffe6c8 28%,#e6bcf5 66%,#bd97e3 100%);border-radius:42% 42% 32px 32px;border:3px solid #fff;box-shadow:inset 0 0 0 1px #f5d7f8,0 10px 0 #b7a1cd,0 23px 35px #77509123;overflow:hidden}
.hero-visual:before{content:'';position:absolute;width:80%;aspect-ratio:1;left:10%;top:8%;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 24px #ffffff10;z-index:-1}
#scene{height:530px}.scene-label{top:31px;font-family:inherit;font-style:normal;font-size:9px;letter-spacing:.13em;font-weight:800;color:#7b386a}.scene-label span{color:#d17235;margin:0 9px;font-size:15px}.scene-bottom{position:relative;padding:0 20px 22px}.scene-bottom>span{color:#4e3570;font-weight:700;font-size:8px;letter-spacing:.1em}.scene-bottom .btn{background:linear-gradient(#fffafc,#ebddf7);border-color:#d2b7de;color:#63447c;box-shadow:inset 0 2px 0 #fff,0 5px 0 #ab87bf;min-height:36px}
#scene-fallback{padding:60px 30px 30px}#scene-fallback img{width:100%;height:100%;max-height:440px;object-fit:contain;background:none;box-shadow:none;border-radius:0;transform:none;filter:drop-shadow(0 18px 12px #76386138)}#scene-loading{display:none}
.ribbon{background:#ffe3ec;border-color:#f8c5d9;color:#d83779;gap:45px}.ribbon span{color:#823d66;font-weight:600}.eyebrow{color:#09818b}
.category-grid{gap:24px}.category-tile{box-shadow:0 7px 0 #c7d7de,0 14px 22px #2d617014;border:3px solid #fff;transition:transform .25s,box-shadow .25s}.category-tile:hover{transform:translateY(-4px);box-shadow:0 11px 0 #c7d7de,0 17px 25px #2d617024}.category-tile:after{background:linear-gradient(transparent,#143c59d9)}
.filters button{box-shadow:inset 0 1px 0 #fff,0 4px 0 #d0c5df}.filters button.active{background:linear-gradient(#16aeb4,#098992);border-color:#078995;box-shadow:inset 0 1px 0 #5bced0,0 5px 0 #075e71}.search{background:#f3f9fc;border-color:#d4e4ed}.catalog-tools{border-color:#e2e8f1}.sort-label select{color:#365778}
.product-grid{gap:30px 20px}.product-card{padding:9px 9px 17px;border:1px solid #e9e5f1;border-radius:20px;background:white;box-shadow:0 5px 0 #e0d9eb,0 11px 19px #5351760c;transition:transform .22s,box-shadow .22s}.product-card:hover{transform:translateY(-4px);box-shadow:0 9px 0 #e0d9eb,0 16px 22px #53517617}.product-photo{border-radius:13px;box-shadow:none}.product-card h3,.product-card .product-meta,.product-card .price,.product-bottom{margin-left:5px;margin-right:5px}.product-bottom{margin-top:15px}.product-card .price{color:#0b7c89}.product-meta{color:#957293}.tag{color:#945079;border:1px solid #f3d7e6;box-shadow:0 3px 0 #d1b6c5}.product-bottom .btn{background:linear-gradient(#fcf4fb,#efdff3);box-shadow:0 4px 0 #c8a9cf;color:#83558b;border-color:#ddc5e1;min-height:35px}
.brand-story{background:linear-gradient(125deg,#d5f5f3,#e9ddfb);box-shadow:0 8px 0 #c6c0df,0 16px 25px #72648b10;border:2px solid white}.brand-story em{color:#b6408a}.story-logo img{box-shadow:0 12px 0 #aaa1cb,0 25px 30px #7753a93b}.story-star{color:#efba35;text-shadow:0 5px 0 #d49132}
.steps article>span{background:linear-gradient(#ffe296,#ffc958);color:#76511d;box-shadow:inset 0 2px 0 #fff0c4,0 6px 0 #d49a35,0 10px 16px #dba33a20}.steps article:nth-child(2)>span{background:linear-gradient(#ffbfda,#ff8ab9);color:#8b3565;box-shadow:inset 0 2px 0 #ffe3ed,0 6px 0 #d96798,0 10px 16px #d9679820}.steps article:nth-child(3)>span{background:linear-gradient(#c6c0ff,#a498ee);color:#443878;box-shadow:inset 0 2px 0 #e5e0ff,0 6px 0 #7f6db5,0 10px 16px #7f6db520}
.footer{background:#ecf4fa;border-color:#dce7f0}.footer-bottom{border-color:#d6e1ee}.toast{background:#574478;box-shadow:0 5px 0 #352753}
@media(min-width:1500px){.hero{min-height:720px}.hero-visual{min-height:600px}#scene{height:550px}}
@media(max-width:1100px) and (min-width:701px){.hero{gap:22px;min-height:625px}.hero h1{font-size:51px}.hero-visual{min-height:535px}#scene{height:487px}.hero-actions{gap:15px}.hero-actions .primary{padding:15px 18px}.hero-copy>p{font-size:15px}.scene-label{font-size:8px;letter-spacing:.07em}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:29px;padding-top:23px;padding-bottom:41px;min-height:0}.hero-copy{padding:5px 0 0}.hero-copy .eyebrow{font-size:7px;padding:6px 10px;letter-spacing:.12em}.hero h1{font-size:clamp(41px,11.9vw,64px);line-height:1.07;margin:20px 0 16px}.hero-copy>p{font-size:13px;line-height:1.65;max-width:285px;margin-bottom:22px}.hero-actions{gap:12px}.hero-actions .primary{padding:12px 16px;font-size:12px}.hero-actions .text-button{padding:10px;font-size:10px;min-height:45px}.hero-visual{min-height:410px;border-radius:42% 42% 25px 25px;border-width:2px;box-shadow:0 8px 0 #b7a1cd,0 18px 27px #77509125}#scene{height:378px}.scene-label{top:24px;font-size:7px;letter-spacing:.1em}.scene-label span{font-size:12px;margin:0 6px}.scene-bottom{padding:0 14px 16px}.scene-bottom>span{font-size:6px;letter-spacing:.1em}.scene-bottom .btn{min-height:36px}.header{padding:11px 16px}.cart-button{font-size:10px;padding:8px;gap:5px}.cart-icon{width:16px;height:16px}.brand>span{font-size:19px}.brand img{width:41px;height:41px}.category-grid{gap:20px 13px}.product-grid{gap:22px 12px}.product-card{padding:6px 6px 14px;border-radius:15px}.product-card h3{font-size:12px}.product-meta{font-size:7px;margin-top:14px}.product-card .price{font-size:10px}.product-bottom{margin-top:12px}.product-bottom .btn{font-size:9px;min-height:40px;padding:7px 9px}.product-card h3,.product-card .product-meta,.product-card .price,.product-bottom{margin-left:3px;margin-right:3px}.ribbon{gap:25px}.brand-story{margin-top:4px}.story-logo img{width:160px}}
@media(max-width:370px){.hero-actions{gap:10px}.hero-actions .primary{padding:12px 13px;font-size:11px}.hero-actions .text-button{font-size:9px}.scene-label{font-size:6px}.cart-icon{display:none}}

.product-card[data-category="Premium"] .product-photo{background:#fff}.product-card[data-category="Premium"] .product-photo img{object-fit:contain}.product-card[data-category="Premium"] .product-meta{color:#a24d91;font-weight:700}

/* Vivid palette taken from the supplied Logan logo. */
:root{--logan-blue:#087ed1;--logan-pink:#ee438b;--logan-turquoise:#00a9ac;--logan-yellow:#ffca25;--logan-green:#80bd0c}
.logo-letter{font:inherit;letter-spacing:.05em;text-shadow:0 2px 0 #ffffff,0 3px 0 #bdd3dd}.logo-letter.blue{color:#048bd4}.logo-letter.turquoise{color:#03a7a3}.logo-letter.yellow{color:#efa90a}.logo-letter.pink{color:#ed4a8c}.logo-letter.green{color:#81b915}.brand small{color:#3c556c}
.topbar{background:#087fb4;color:#fff;box-shadow:0 4px 0 #00b5ae;position:relative;z-index:16}.header:after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:5px;background:linear-gradient(90deg,#0b8dd6 0 20%,#00aaa7 20% 40%,#ffcc25 40% 60%,#f04791 60% 80%,#94c921 80%)}
.hero:before{content:'';position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:radial-gradient(ellipse at 10% 80%,#fde1ed 0,transparent 39%),linear-gradient(112deg,#f0fcff,#edfbff 50%,#ddf9f8 100%)}
.hero h1{color:#075e98;text-shadow:0 3px 0 #ccecf8}.hero h1 em{color:#e62f83;text-shadow:0 3px 0 #ffb4d3}.hero h1 .smile-word{color:#008e99;text-shadow:0 3px 0 #b3e9e3}.hero-copy .eyebrow{background:#ffdf57;border-color:#ffd22d;color:#775311;box-shadow:0 4px 0 #e8b630}.hero-copy .eyebrow i{background:#ef438b}
.hero-visual{background:radial-gradient(ellipse at 50% 18%,#5ae7de 0,#20c6dd 36%,#179de3 70%,#0874c3 100%);border-color:#d7ffff;box-shadow:inset 0 0 0 1px #73dcef,0 10px 0 #0862a7,0 23px 35px #076f9e38}.hero-visual:before{border-color:#b3ffff85;box-shadow:0 0 0 24px #ffffff12}.scene-label{color:#074573;font-weight:900}.scene-label span{color:#ffe039;text-shadow:0 2px 0 #bf7c15}.scene-bottom>span{color:#fff;text-shadow:0 1px 1px #124e8390}.scene-bottom .btn{background:linear-gradient(#ffed79,#ffca24);border-color:#f3bb26;color:#705014;box-shadow:inset 0 2px 0 #fff2ad,0 5px 0 #c99415}
.btn.primary{background:linear-gradient(175deg,#149fe5,#087bcd);border-color:#0b78bf;box-shadow:inset 0 2px 0 #78d5ff,0 7px 0 #084d95,0 14px 24px #087ccd33}.btn.primary:hover{box-shadow:inset 0 2px 0 #78d5ff,0 10px 0 #084d95,0 17px 26px #087ccd40}.btn.primary:active{box-shadow:0 2px 0 #084d95}
.hero-actions .primary{background:linear-gradient(#f95b9f,#e93183);border-color:#e04085;box-shadow:inset 0 2px 0 #ffb6d7,0 7px 0 #a92160,0 14px 24px #d6348133}.hero-actions .primary:hover{box-shadow:inset 0 2px 0 #ffb6d7,0 10px 0 #a92160,0 17px 26px #d6348138}.hero-actions .primary:active{box-shadow:0 2px 0 #a92160}
.hero-actions .text-button{background:linear-gradient(#ffe887,#ffd02b);color:#69480f;border-color:#e9bc20;box-shadow:inset 0 2px 0 #fff4c0,0 5px 0 #c89514}.cart-button{background:linear-gradient(#ff76ae,#ed438a);color:white;border-color:#e54786;box-shadow:inset 0 2px 0 #ffb4d7,0 6px 0 #b22667,0 9px 15px #b2266726}.cart-button span{background:#fff;color:#c42c77}
.ribbon{background:#ffda32;border-color:#edbd11;color:#df3988;box-shadow:0 4px 0 #eabb2b}.ribbon span{color:#67500c}.collections h2,.catalog h2,.how h2{color:#126ba7}.category-tile:nth-child(1){box-shadow:0 7px 0 #e4458b,0 14px 22px #df398814}.category-tile:nth-child(2){box-shadow:0 7px 0 #05a9a7,0 14px 22px #00a7a714}.category-tile:nth-child(3){box-shadow:0 7px 0 #efb925,0 14px 22px #efb92514}
.filters button.active{background:linear-gradient(#21beb8,#069795);border-color:#049894;box-shadow:inset 0 2px 0 #6de6d7,0 5px 0 #006967}.product-card:nth-child(4n+1){border-color:#f3d7e6;box-shadow:0 5px 0 #e5adcc}.product-card:nth-child(4n+2){border-color:#d0e9f8;box-shadow:0 5px 0 #a5cce8}.product-card:nth-child(4n+3){border-color:#e1edbd;box-shadow:0 5px 0 #c0d69d}.product-card:nth-child(4n){border-color:#f5e6b7;box-shadow:0 5px 0 #e9cd8b}.product-bottom .btn{background:linear-gradient(#c5f7f0,#83e1d9);border-color:#87d9d0;color:#145d5f;box-shadow:0 4px 0 #52aea8}
.brand-story{background:linear-gradient(115deg,#9bebf0,#c6eafb 58%,#e6d1fb);box-shadow:0 8px 0 #81c4da,0 16px 25px #2a97ae20}.brand-story h2{color:#065b99}.brand-story em{color:#d62e85}.story-star{color:#ffce28;text-shadow:0 5px 0 #d68b19}.footer{background:#dbf3fb;border-top:5px solid #03aaa8}.footer-bottom{border-color:#afd6e4}
@media(max-width:700px){.hero-visual{box-shadow:0 8px 0 #0862a7,0 18px 27px #076f9e33}.hero-copy>p{max-width:305px}.hero-copy .eyebrow{box-shadow:0 3px 0 #e8b630}.brand>span{font-size:20px;letter-spacing:.08em}.brand small{letter-spacing:.20em}.ribbon{margin-top:2px}.footer-bottom{flex-wrap:wrap;gap:5px}}
/* Full boutique photograph supplied by the owner; preserve every garment and the sign. */
.hero-visual.photo-hero{min-height:0;border-radius:30px;overflow:visible;padding:0 14px;background:linear-gradient(145deg,#27c9d7,#0782c3);border:3px solid #bff8fb;box-shadow:0 10px 0 #07649f,0 22px 32px #126d942c}
.photo-hero:before{display:none}.photo-hero .scene-label{position:static;padding:18px 0 16px;font-size:9px;color:#06416b}.photo-hero #scene{height:auto;aspect-ratio:1;position:relative;perspective:1200px}.boutique-float{width:100%;height:100%;animation:logan-boutique-float 6s ease-in-out infinite}.boutique-frame{height:100%;width:100%;padding:5px;border-radius:20px;background:#fffaf1;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;box-shadow:0 7px 0 #05679b,0 14px 20px #00486445,inset 0 1px 0 #fff;transition:transform .18s ease-out}.boutique-image{width:100%;height:100%;object-fit:contain;border-radius:15px;display:block}.photo-hero .scene-bottom{padding:21px 1px 16px}.photo-hero .scene-bottom>span{font-size:8px}.scene-paused .boutique-float{animation:none}.scene-offscreen .boutique-float{animation-play-state:paused}
@keyframes logan-boutique-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:700px){.hero-visual.photo-hero{border-radius:25px;padding:0 10px;border-width:2px;box-shadow:0 8px 0 #07649f,0 18px 26px #126d9433}.photo-hero .scene-label{font-size:7px;letter-spacing:.09em;padding:15px 0 14px}.boutique-frame{padding:4px;border-radius:17px}.boutique-image{border-radius:13px}.photo-hero .scene-bottom{padding:18px 2px 13px}.photo-hero .scene-bottom>span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.boutique-float{animation:none!important}.boutique-frame{transition:none;transform:none}}

/* Owner-selected collection photos: show the complete looks above their captions. */
.selected-looks .category-tile{height:auto;display:flex;flex-direction:column;background:#edf9ff}
.selected-looks .category-tile:nth-child(2){background:#f2f3f4}
.selected-looks .category-tile:nth-child(3){background:#fbf1e5}
.selected-looks .category-tile img{width:100%;height:380px;object-fit:contain;object-position:center;transform:none}
.selected-looks .category-tile:after{display:none}
.selected-looks .category-caption{position:relative;inset:auto;padding:19px 22px 23px;min-height:106px;flex:1;background:linear-gradient(130deg,#dc3b85,#b51d69);border-top:3px solid #ffbadb}
.selected-looks .category-tile:nth-child(2) .category-caption{background:linear-gradient(130deg,#029d9a,#087a87);border-color:#86e9de}
.selected-looks .category-tile:nth-child(3) .category-caption{background:linear-gradient(130deg,#1586ce,#075e9d);border-color:#ffe059}
.selected-looks .category-tile{transform:perspective(1000px) rotateX(0deg);transition:transform .25s ease,box-shadow .25s ease}
.selected-looks .category-caption{box-shadow:inset 0 2px 0 #ffffff40}
@media(hover:hover){.selected-looks .category-tile:hover{transform:perspective(1000px) translateY(-6px) rotateX(2deg) rotateY(-2deg)}}
.selected-looks .category-tile:active{transform:perspective(1000px) translateY(3px)}
@media(prefers-reduced-motion:reduce){.selected-looks .category-tile,.selected-looks .category-tile:hover,.selected-looks .category-tile:active{transform:none;transition:none}}
@media(max-width:1000px){.selected-looks .category-tile img{height:310px}.selected-looks .category-caption{padding:16px 16px 21px}}
@media(max-width:700px){.selected-looks .category-tile img{height:230px}.selected-looks .category-tile.tall img{height:clamp(340px,100vw,480px)}.selected-looks .category-caption{padding:15px 12px 20px;min-height:112px;gap:7px}.selected-looks .category-tile.tall .category-caption{min-height:92px;padding:17px 18px 22px}}
.hero h1,.hero h1 em{font-family:'Logan Fun','Trebuchet MS',sans-serif;font-weight:700;font-synthesis:none;letter-spacing:-.02em;line-height:1.12}

/* Contact buttons retain their raised surfaces and wrap safely on phones. */
.footer-inner{flex-wrap:wrap}.footer-inner #social-links{flex:1 1 360px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-width:0;max-width:100%}.footer-inner #social-links .btn{min-width:0;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere;text-align:left}.footer-inner #social-links .contact-email{flex-direction:column;align-items:flex-start;gap:2px}.contact-email>span:first-child{font-size:9px}.contact-address{font-size:11px;line-height:1.5;overflow-wrap:anywhere;word-break:break-word;max-width:100%}
@media(max-width:700px){.footer-inner #social-links{flex-basis:100%;gap:12px}.footer-inner #social-links .contact-email{flex-basis:100%;padding:11px 14px}.footer-inner #social-links .btn:not(.contact-email){flex:0 1 auto;padding:10px 14px}}
