.hero-mix{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:62% 38%;overflow:hidden;background:#f9d8ea;border-radius:65px 65px 18px 18px}.hero-mix>img{width:100%;height:100%;object-fit:cover}.hero-mix>img:first-child{grid-row:1/3;object-position:48% center}.hero-mix>img:nth-child(2){object-position:55% center}.accessory-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#e2c7f4,#ffd6e8);color:#9f1959}.accessory-art>span{font-size:65px;line-height:1;text-shadow:3px 5px 0 #fff8,6px 10px 16px #ad579544}.accessory-art b{font-size:20px}.accessory-art small{font-size:10px}.mix-label{position:absolute;left:0;bottom:0;background:#fffD;padding:8px 15px;width:100%;font-size:10px;font-weight:700;letter-spacing:.1em;text-align:center}.hero-mix .custom-hero{grid-column:1/3;grid-row:1/3}.wholesale-intro{background:#f3e7fa;border-block:1px solid #ead4f2}.wholesale-intro h2,#happy-customers h2{font-size:clamp(28px,4vw,48px)}.wholesale-intro p{max-width:600px}.social-direct{display:inline-block;padding:10px 14px;border:1px solid #e0acc6;border-radius:10px;margin:4px 5px 10px 0}.yape-qr-image{width:220px;max-width:100%;height:auto;border-radius:12px;background:white;padding:8px}#customer-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}#customer-gallery figure{margin:0}#customer-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px}#customer-gallery figcaption{font-size:14px;margin-top:8px}#copy-cart,#share-cart{width:100%;margin:7px 0;text-align:center;font-size:13px}.business{scroll-margin-top:20px}.business>summary{font-size:18px}.business h3{margin-top:24px}.business-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}.business-stats{padding:18px;border-radius:12px;background:#fff0f7;font-weight:700;margin:15px 0;line-height:1.8}.business form>label{margin:18px 0}.business-thumb{width:110px;height:110px;object-fit:contain;border-radius:10px;background:#fff}.customer-edit{display:flex;gap:15px;align-items:center;margin:15px 0}.customer-edit label{flex:1}.business-table{overflow:auto;margin-top:20px}.business-table table{border-collapse:collapse;width:100%;font-size:13px}.business-table th,.business-table td{text-align:left;padding:12px;border-bottom:1px solid #eed8e6;vertical-align:top}.business-table th{background:#fff0f7;white-space:nowrap}#sale-lines{padding:16px 0}@media(max-width:720px){#customer-gallery{grid-template-columns:1fr 1fr}.business-grid{grid-template-columns:1fr}.customer-edit{flex-wrap:wrap}.accessory-art>span{font-size:40px}.accessory-art b{font-size:15px}.accessory-art small{font-size:8px}}
.catalog-tabs button.active{background:var(--pink);color:white;box-shadow:0 3px 0 #941144}.category:active{filter:none;background-blend-mode:normal}.catalog-results{scroll-margin-top:24px}.announcement[hidden]{display:none!important}
#social-links{display:grid;gap:14px;margin:14px 0 26px}.contact-details a.social-3d{position:relative;display:flex;align-items:center;gap:12px;min-height:98px;margin:0;padding:16px;color:white;text-decoration:none;border:1px solid #ffffff65;border-radius:18px;transform:perspective(700px) rotateX(2deg);transition:transform .18s,box-shadow .18s;isolation:isolate}.social-3d.instagram{background:linear-gradient(125deg,#852cab,#c52378 64%,#d6494c);box-shadow:0 6px 0 #751347,0 12px 22px #ac23722b}.social-3d.tiktok{background:linear-gradient(130deg,#432554,#252332);box-shadow:0 6px 0 #14121e,0 12px 22px #34203f26}.social-3d .social-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;background:#ffffff19;border:1px solid #ffffff40;border-radius:14px;box-shadow:inset 0 2px 1px #ffffff3d,0 4px 0 #0002}.social-icon svg{width:29px;height:29px}.tiktok .social-icon svg{filter:drop-shadow(2px 1px 0 #e74797) drop-shadow(-1px -1px 0 #5cd9de)}.social-3d small{display:block;font-size:9px;letter-spacing:.13em;font-weight:700;opacity:.85}.social-3d strong{display:block;font-family:Outfit,sans-serif;font-size:22px;line-height:1.3}.social-3d .social-handle{display:block;font-size:11px;font-weight:500;opacity:.9}.social-arrow{margin-left:auto;font-size:24px}.contact-details a.social-3d:hover{transform:perspective(700px) rotateX(0) translateY(-3px)}.contact-details a.social-3d:active{transform:translateY(4px);box-shadow:0 2px 0 #49213c,0 4px 8px #34203f22}.social-3d:focus-visible,.instagram-qr-card summary:focus-visible{outline:3px solid #9d47bd;outline-offset:6px}.instagram-qr-card{margin-top:4px;padding:14px;background:#fff6fb;border:1px solid #eed3e1;border-radius:14px;box-shadow:0 4px 0 #edd6e3}.instagram-qr-card summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;color:#9a1d5e;font-size:13px;font-weight:700;list-style:none}.instagram-qr-card summary::-webkit-details-marker{display:none}.instagram-qr-card[open] summary{margin-bottom:14px}.instagram-qr-card img{display:block;width:100%;max-width:260px;height:auto;margin:auto;border-radius:10px}.instagram-qr-card p{font-size:12px;margin:12px 0 0;color:var(--muted)}@media(prefers-reduced-motion:reduce){.contact-details a.social-3d{transform:none;transition:none}.contact-details a.social-3d:hover,.contact-details a.social-3d:active{transform:none}}
.yape-3d-card{padding:20px 16px 16px;margin-bottom:28px;border:1px solid #dbc4ed;border-radius:22px;background:linear-gradient(150deg,#fcf6ff,#f1e2fa);box-shadow:0 7px 0 #ceb0df,0 14px 26px #77229c19;text-align:center}.yape-badge{display:inline-block;padding:6px 12px;border-radius:20px;background:#742492;color:white;font-size:10px;letter-spacing:.12em;font-weight:700;box-shadow:0 3px 0 #4d1464}.yape-3d-card h3{margin:16px 0;font-size:20px;color:#562066}.yape-3d-card .yape-qr-image{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:12px;padding:0;background:white}.yape-image-link{display:block;border-radius:12px;overflow:hidden;box-shadow:0 3px 0 #55216630}.yape-open{display:block;padding:12px 8px;margin-top:15px;border-radius:11px;color:#143c39;background:#5ae0ca;border:1px solid #b5f5e6;font-size:12px;font-weight:700;text-decoration:none;box-shadow:0 4px 0 #30aa97;transition:transform .15s,box-shadow .15s}.yape-open:hover{transform:translateY(-2px)}.yape-open:active{transform:translateY(3px);box-shadow:0 1px 0 #30aa97}.yape-open:focus-visible,.yape-image-link:focus-visible{outline:3px solid #9d47bd;outline-offset:4px}.yape-3d-card .small{margin:16px 0 0;font-size:11px;line-height:1.5}@media(prefers-reduced-motion:reduce){.yape-open{transition:none}.yape-open:hover,.yape-open:active{transform:none}}
