@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Permanent+Marker&display=swap');
:root{--cream:#fff8e8;--sand:#f5e7c6;--dark:#073b40;--teal:#11636b;--orange:#d9491c;--sun:#ffc05a;--line:#eadab7;--shadow:0 14px 34px #3c250e1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--dark);font-family:'DM Sans',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #f8a226;outline-offset:3px}.announcement{background:var(--dark);color:#fff2d5;text-align:center;font-weight:800;font-size:11px;letter-spacing:.19em;padding:8px 10px}.announcement span:last-child{color:#ffd66b;margin-left:14px}.spark{color:var(--sun)}.header{height:84px;padding:0 clamp(18px,4vw,70px);display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;background:#fff9ebf2;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid #f3e0ba}.brand-small{display:flex;align-items:center;gap:10px;min-width:225px}.brand-small img{width:65px;height:65px;border-radius:50%;border:2px solid var(--orange);object-fit:cover}.brand-copy{display:flex;flex-direction:column}.brand-copy b{font-family:Georgia,serif;font-style:italic;color:var(--orange);font-size:21px;white-space:nowrap}.brand-copy small{font-size:9px;letter-spacing:.17em;font-weight:900}.nav{display:flex;gap:clamp(12px,2.5vw,38px);font-size:13px;font-weight:800}.nav a:hover{color:var(--orange)}.cart-top{border:none;background:var(--dark);color:white;border-radius:99px;padding:10px 15px;font-size:22px;white-space:nowrap}.cart-top span{background:var(--orange);border-radius:99px;padding:2px 7px;font-size:12px;margin-left:2px}.hero{min-height:675px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:55px 24px 95px;background:radial-gradient(circle at 56% 19%,#fff6cd 3%,transparent 25%),linear-gradient(128deg,#ffd992 0%,#f8edcc 40%,#ffbc6b 72%,#58c1c7 100%)}.hero:before{content:' ';position:absolute;width:610px;height:610px;border:4px solid #db682a2b;border-radius:50%;top:-290px;left:calc(50% - 305px)}.hero-photo{position:absolute;top:0;bottom:0;width:28%;overflow:hidden;mix-blend-mode:multiply;opacity:.92}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo-left{left:0;mask-image:linear-gradient(90deg,#000 57%,transparent)}.hero-photo-right{right:0;mask-image:linear-gradient(270deg,#000 56%,transparent)}.hero-main{position:relative;z-index:2;text-align:center;max-width:630px;display:flex;align-items:center;flex-direction:column}.sticker{transform:rotate(-5deg);font-family:'Permanent Marker',cursive;background:var(--dark);color:var(--cream);padding:7px 19px;font-size:14px;box-shadow:5px 5px 0 #ffc360}.hero-logo{width:clamp(220px,24vw,320px);height:auto;aspect-ratio:1;border-radius:50%;mix-blend-mode:multiply;filter:drop-shadow(0 10px 12px #b66e2442);margin:15px 0 2px}.hero-caption{font-weight:900;letter-spacing:.29em;font-size:11px}.hero h1{font-size:clamp(35px,5vw,65px);letter-spacing:-.065em;line-height:1;margin:13px 0 6px;font-weight:900}.hero h1 em{font-family:'Permanent Marker',cursive;color:var(--orange);font-weight:400;font-size:.75em;letter-spacing:-.04em;white-space:nowrap}.hero p{max-width:420px;line-height:1.5;font-weight:700;margin:8px 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:30px;font-weight:900;letter-spacing:.025em;padding:16px 26px;text-align:center;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px #0a3a3f39}.button-primary{background:var(--orange);color:white;box-shadow:5px 5px 0 var(--dark)}.surfboard{position:absolute;z-index:1;width:110px;height:390px;border-radius:50% 50% 45% 45%/12% 12% 80% 80%;border:6px solid #fff0c9;box-shadow:7px 10px 0 #083b3c53;background:linear-gradient(90deg,#e46b37 0 22%,#f2d38b 23% 40%,#077281 41% 55%,#f2d38b 56% 75%,#e46b37 76%);transform:rotate(-28deg)}.board-one{bottom:10px;left:19%}.board-one span{font:italic bold 26px Georgia,serif;color:var(--dark);display:block;transform:rotate(90deg);margin-top:150px}.board-two{right:14%;top:70px;transform:rotate(22deg);height:270px;width:76px;opacity:.9}.hero-stamp{position:absolute;right:9%;bottom:60px;color:var(--orange);font-family:'Permanent Marker';font-size:24px;line-height:1;text-align:center;transform:rotate(12deg)}.hero-wave{height:92px;bottom:-51px;left:-2%;right:-2%;position:absolute;background:var(--cream);border-radius:50% 50% 0 0;z-index:3;transform:rotate(-1deg)}.ticker{background:var(--orange);color:#fff4d2;font-family:'Permanent Marker',cursive;font-size:17px;overflow:hidden;padding:10px 0;white-space:nowrap}.ticker div{width:max-content;animation:slide 26s linear infinite}@keyframes slide{to{transform:translateX(-35%)}}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-bottom:1px solid var(--line);background:#fff3d9}.features div{display:flex;gap:9px;align-items:center;justify-content:center;font-size:13px;font-weight:800;padding:24px 15px;border-right:1px solid #ddc8a4}.features span{font-size:29px;color:var(--orange)}.section{max-width:1350px;margin:auto;padding:86px clamp(18px,5vw,76px)}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:29px}.eyebrow{font-weight:900;letter-spacing:.21em;font-size:11px;color:var(--orange)}.section-heading h2,.discount h2,.vibra h2,.cta h2{font-weight:900;line-height:.95;letter-spacing:-.07em}.section-heading h2{font-size:clamp(38px,5vw,72px);margin:12px 0}.section-heading h2 i{font-family:'Permanent Marker';font-weight:400;color:var(--orange);font-style:normal;letter-spacing:-.05em}.orange-dot{color:var(--orange)}.section-heading p{color:#4b6562;max-width:590px;font-size:14px}.hand-tag{font-family:'Permanent Marker';font-size:22px;line-height:1.2;transform:rotate(-8deg);border:3px solid var(--orange);color:var(--orange);padding:16px 25px;border-radius:51% 49% 46% 54%;text-align:center;white-space:nowrap}.catalog-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:25px}.search-box{flex:1;min-width:190px;display:flex;align-items:center;gap:10px;border:2px solid var(--line);border-radius:40px;padding:8px 15px;background:white}.search-box span{font-size:29px;line-height:1}.search-box input{border:0;outline:0;width:100%;background:transparent;padding:5px;font-size:14px}.size-box{border:2px solid var(--line);border-radius:40px;padding:11px 14px;background:#fff;font-weight:800;font-size:13px}.size-box select{border:0;background:transparent;padding:0 3px;min-width:83px}.availability-toggle{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700}.availability-toggle input{accent-color:var(--teal)}.catalog-status{background:#f8edcc;border:1px dashed #e8cfa3;padding:18px;border-radius:16px;font-size:14px;margin-bottom:18px}.catalog-status[hidden]{display:none}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:white;border-radius:18px;box-shadow:var(--shadow);overflow:hidden;border:1px solid #edddbc;display:flex;flex-direction:column}.product-media{height:clamp(225px,26vw,330px);position:relative;overflow:hidden;background:radial-gradient(circle at 68% 25%,#fbd786 0 14%,transparent 15%),linear-gradient(150deg,#addacb,#d8f2de 50%,#ebc394)}.product-image{height:100%;width:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.04)}.product-ribbon{position:absolute;bottom:12px;left:12px;color:white;background:var(--dark);border-radius:5px;font-size:10px;letter-spacing:.15em;padding:6px 9px;font-weight:900}.image-fallback{position:absolute;inset:0;background:repeating-linear-gradient(-22deg,transparent 0 18px,#f1bc6d5e 19px 21px),linear-gradient(130deg,#196b72,#91d4bc);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.image-fallback[hidden]{display:none}.image-fallback span{font-size:76px}.image-fallback small{font-size:12px;font-weight:800;letter-spacing:.2em}.product-body{padding:16px;display:flex;flex-direction:column;flex:1}.product-meta{font-size:9px;letter-spacing:.18em;color:#85958a;font-weight:900}.product-name{font-size:clamp(17px,1.7vw,22px);margin:7px 0;color:var(--dark);line-height:1.18}.product-price{font-size:20px;font-weight:900;color:var(--orange)}.product-price small{display:block;font-size:10px;color:#7b817c;font-weight:600;margin-top:1px}.sizes-label{font-size:12px;font-weight:800;margin:17px 0 7px}.size-options{display:flex;flex-wrap:wrap;gap:6px;min-height:35px}.size-chip{border:1px solid #d5ded7;background:#eff1e8;border-radius:50px;min-width:36px;padding:7px;font-size:12px;font-weight:800}.size-chip[aria-pressed="true"]{background:var(--dark);color:white;border-color:var(--dark)}.size-chip:disabled{opacity:.3;cursor:not-allowed;text-decoration:line-through}.product-bottom{display:flex;gap:7px;margin-top:auto;padding-top:17px}.quantity{display:flex;align-items:center;gap:4px;border:1px solid #e0decf;border-radius:50px;white-space:nowrap}.quantity button{border:0;background:transparent;padding:8px;font-size:17px;color:var(--dark)}.quantity output{min-width:16px;text-align:center;font-weight:900;font-size:12px}.add-cart{min-width:0;flex:1;border:0;background:var(--orange);border-radius:50px;color:white;font-size:11px;font-weight:900;padding:10px 8px}.add-cart:disabled{background:#b6b6a9;cursor:not-allowed}.add-cart span{font-size:14px}.discount{background:#f7dfac;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;position:relative;overflow:hidden}.discount:before{content:' ';position:absolute;right:-80px;bottom:-180px;width:450px;height:450px;border:85px solid #eaa75a25;border-radius:50%}.discount-deco{max-width:590px;margin-left:auto;position:relative;z-index:1}.discount h2{font-size:clamp(46px,5vw,77px);margin:0;color:var(--dark)}.discount h2 em{color:var(--orange);font-family:'Permanent Marker';font-weight:400;font-style:normal}.discount p{max-width:380px;line-height:1.5;font-weight:700}.mini-sun{font-size:54px;color:var(--orange)}.discount-prices{position:relative;z-index:1;max-width:470px;width:100%;display:grid;gap:12px}.discount-prices>div{background:#fff8e7;border:2px solid #e7c58d;border-radius:16px;padding:20px 24px;display:flex;justify-content:space-between;gap:16px;align-items:center;font-weight:900}.discount-prices>div:nth-child(2){background:#ffca6c}.discount-prices .hot{color:white;background:var(--orange);border-color:var(--orange)}.discount-prices strong{font-size:clamp(22px,2.6vw,31px);white-space:nowrap}.discount-prices small{font-size:13px}.discount-prices>p{color:var(--teal);font-size:12px}.discount-surfboard{position:absolute;left:-70px;bottom:-70px;width:65px;height:275px;transform:rotate(35deg);border:5px solid white;border-radius:50% 50% 50% 50% / 15% 15% 85% 85%;background:linear-gradient(90deg,#e36632 0 24%,#ffce8b 25% 49%,#176e74 50% 75%,#e36632 76%)}.vibra{text-align:center}.vibra h2{font-size:clamp(55px,9vw,116px);margin:16px 0}.vibra h2 i{font-family:'Permanent Marker';font-style:normal;color:var(--orange);font-weight:400}.vibra h2 span{color:var(--teal)}.vibra p{color:#5b716a;font-weight:700}.photo-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;max-width:930px;margin:35px auto}.photo-strip img{height:170px;width:100%;object-fit:cover;border:8px solid white;box-shadow:var(--shadow);transform:rotate(-3deg)}.photo-strip img:nth-child(2){transform:rotate(3deg)}.vibra-note{font-family:'Permanent Marker';color:var(--orange);font-size:20px}.cta{background:linear-gradient(130deg,#11707b,#003e46);color:white;display:flex;gap:40px;justify-content:center;align-items:center;padding:65px 25px;position:relative;overflow:hidden}.cta:after{content:'〰 〰 〰 〰 〰 〰';font-size:90px;position:absolute;bottom:-45px;left:-2%;opacity:.18;white-space:nowrap}.cta-sun{font-size:120px;color:var(--sun);z-index:1}.cta>div:nth-child(2){z-index:1}.cta h2{font-size:clamp(37px,4vw,64px);margin:8px 0}.cta h2 em{color:var(--sun);font-family:'Permanent Marker';font-style:normal;font-weight:400}.cta .eyebrow{color:var(--sun)}.cta p{max-width:350px}.button-dark{background:var(--sun);color:var(--dark);z-index:1}.footer{background:#002e34;color:#f9edcf;padding:45px clamp(22px,6vw,80px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-brand{display:flex;gap:15px;align-items:center}.footer-brand img{border-radius:50%;width:90px;height:90px}.footer-brand strong{font:italic bold 26px Georgia,serif;color:var(--sun)}.footer-brand span{display:block;letter-spacing:.18em;font-size:12px}.footer p{font-size:12px;max-width:240px;color:#b9d3cf;line-height:1.5}.footer>div:not(:first-child){display:flex;flex-direction:column;gap:10px;font-size:13px}.footer b{color:var(--sun)}.footer a:hover{color:var(--sun)}.copyright{grid-column:1/-1;font-size:12px!important;color:#a8c8be;border-top:1px solid #27747c;padding-top:18px}.overlay{position:fixed;inset:0;background:#001f27aa;z-index:49}.overlay[hidden]{display:none}.cart-drawer{position:fixed;right:0;top:0;bottom:0;width:min(460px,100vw);background:var(--cream);z-index:50;transform:translateX(105%);transition:transform .26s;display:flex;flex-direction:column;box-shadow:-15px 0 60px #0004}.cart-drawer.open{transform:translateX(0)}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:2px solid #ebdbb6}.drawer-head h2{font-size:26px;margin:7px 0 0}.close-cart{border:0;background:var(--dark);color:white;border-radius:50%;width:40px;height:40px;font-size:18px}.cart-items{overflow-y:auto;flex:1;padding:19px 23px}.cart-empty{text-align:center;color:#698179;margin:50px 0}.cart-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #eadaba;padding:12px 0}.cart-item img{width:64px;height:74px;object-fit:cover;border-radius:10px;background:#ffe0aa}.cart-item .cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:900;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-details small{display:block;font-size:12px;color:#59766b}.cart-qty{display:flex;gap:9px;align-items:center;margin-top:8px;font-weight:900}.cart-qty button{background:#ffedc9;border:1px solid #dec9a5;border-radius:50%;width:26px;height:26px}.cart-item-side{text-align:right;font-size:13px;font-weight:900}.remove-item{background:transparent;border:0;color:var(--orange);margin-top:9px}.cart-bottom{padding:17px 25px 25px;border-top:2px solid #ebdbb6;background:#fffbf0}.cart-progress{font-weight:900;font-size:12px;background:#fff0cc;border-radius:12px;padding:12px;margin-bottom:12px}.cart-line{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin:7px 0}.cart-line.grand{font-size:23px;border-top:1px solid #dcc8aa;margin-top:12px;padding-top:12px}.save-text{color:#0c8868}.customer-label{display:block;font-size:12px;font-weight:800;margin:15px 0 9px}.customer-label input{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbbd99;border-radius:10px}.button-whatsapp{background:#148b63;color:white;width:100%;font-size:14px}.button-whatsapp:disabled{opacity:.45;cursor:not-allowed}.fine-print{font-size:11px;color:#65766c;line-height:1.4;margin:10px 0 0}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,120px);background:var(--dark);color:white;border-radius:15px;padding:14px 20px;box-shadow:var(--shadow);z-index:100;transition:transform .25s;text-align:center;font-size:13px;max-width:90vw}.toast.show{transform:translate(-50%,0)}
@media(max-width:1000px){.brand-small{min-width:auto}.brand-copy{display:none}.nav{gap:14px}.hero-photo{width:25%}.board-one{left:8%}.board-two{right:7%}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hand-tag{display:none}.discount{gap:25px}.cta-sun{font-size:70px}}@media(max-width:700px){.announcement{font-size:9px;letter-spacing:.05em}.announcement span:last-child{display:none}.header{height:68px;padding:0 14px;gap:10px}.brand-small img{width:50px;height:50px}.nav{margin-left:auto;gap:10px;font-size:11px}.nav a:nth-child(3),.nav a:nth-child(4){display:none}.cart-top{padding:8px 10px;font-size:18px}.hero{min-height:665px;padding:38px 12px 95px;align-items:flex-start}.hero-logo{width:225px;margin:16px 0}.hero-main{margin-top:12px}.hero p{font-size:13px;max-width:300px}.hero h1{font-size:39px}.hero-photo{top:285px;bottom:0;width:49%;opacity:.55}.hero-photo-left{left:0;mask-image:linear-gradient(0deg,#000 20%,transparent)}.hero-photo-right{right:0;mask-image:linear-gradient(0deg,#000 20%,transparent)}.board-one{height:165px;width:45px;left:5%;bottom:26px;border-width:3px;opacity:.9}.board-one span{font-size:11px;margin-top:64px}.board-two{height:130px;width:37px;right:4%;top:auto;bottom:80px;border-width:2px}.hero-stamp{font-size:12px;bottom:120px;right:10%}.features{grid-template-columns:1fr 1fr}.features div{font-size:10px;padding:14px 9px;justify-content:start}.features span{font-size:20px}.section{padding:58px 17px}.section-heading h2{font-size:38px}.eyebrow{font-size:9px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-media{height:215px}.product-body{padding:11px}.product-name{font-size:16px}.product-meta{font-size:8px}.product-price{font-size:17px}.product-price small{font-size:9px}.size-chip{min-width:32px;padding:6px}.product-bottom{flex-direction:column}.quantity{align-self:flex-start}.add-cart{width:100%;padding:11px}.discount{grid-template-columns:1fr;padding:55px 20px}.discount-deco{margin:0}.discount h2{font-size:51px}.discount-prices{max-width:none}.discount-prices>div{padding:15px}.discount-prices strong{font-size:24px}.photo-strip{gap:5px}.photo-strip img{height:120px;border:4px solid white}.vibra-note{font-size:13px}.cta{flex-direction:column;text-align:center;gap:5px;padding:45px 22px}.cta-sun{font-size:67px}.cta h2{font-size:44px}.footer{grid-template-columns:1fr 1fr;padding:32px 22px}.footer-brand{grid-column:1/-1}.copyright{grid-column:1/-1}}@media(max-width:375px){.nav a:nth-child(2){display:none}.hero h1{font-size:34px}.product-media{height:185px}.size-chip{font-size:11px;min-width:29px}.discount-prices strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
