/* Shared JIVN identity: jivn.in typography, palette and component shapes. */
:root{--jivn-saffron:#e8650a;--jivn-espresso:#2c1a0e;--jivn-crimson:#8b1a1a;--jivn-whatsapp:#075e54;--jivn-button:#9b3d00;--jivn-tint:#fff8f1}
.brand-lockup{display:flex;align-items:center;gap:16px}.brand-logo{display:block;flex-shrink:0}.brand-logo img{border-radius:6px;object-fit:contain}.wordmark{color:var(--jivn-espresso)}.wordmark i{font-family:'Jost',sans-serif;letter-spacing:1.8px}.topline{background:var(--jivn-espresso);color:#f6eee5}.topline>span:first-child{color:#e4bd8c}header{background:#fff}.button{border-radius:6px;font-size:13px}.orange{background:var(--jivn-button);border-color:var(--jivn-button)}.orange:hover{background:#7d3100;border-color:#7d3100}.shop{border-color:var(--jivn-espresso)}nav{font-size:13px}.hero{background:var(--jivn-tint);color:var(--jivn-espresso);border:1px solid #f0e0d0;border-radius:8px}.hero .eyebrow{color:#8b1a1a}.small-play{color:var(--jivn-saffron)}.hero h1{font-weight:500}.hero h1 span{color:var(--jivn-saffron)}.hero-copy>p{color:#6d5c4d;font-size:15px}.hero-wa{background:var(--jivn-whatsapp);color:#fff;border:0;border-radius:6px;padding:14px 16px;font-size:12px;font-weight:600}.hero-wa:hover{background:#06483f}.hero-actions{gap:15px}.hero-bottom{color:#806d5c}.feature-image{background:#fff;border:1px solid #eee4d9;border-radius:8px}.feature-play{background:#fff;color:var(--jivn-saffron)}.feature-label{color:var(--jivn-espresso);background:#fffef6eb}.feature-duration{background:var(--jivn-espresso)}.feature-caption .eyebrow{color:#8b6a4e}.round-arrow{border-color:#d9c5b3;color:#9b3d00}.green{color:var(--jivn-crimson)}.section-top p,.reference-note{color:#786c61}.section-top p{font-size:13px}.text-link{color:var(--jivn-button);font-size:12px}.quick-strip{color:#77695b}.quick-strip b{color:#9e8772}.searchbar{background:#fff;border-color:#e2d8ce}.searchbar>span{color:#9b3d00}.searchbar input{font-size:14px}.categories button{font-size:13px;color:#796b5d;border-radius:6px}.categories button.active{background:#fff0e3;color:#9b3d00}.categories button:hover{background:#fff6ed}.cat-icon{color:#9d7756}.cat-count{color:#937a64}aside>h3{color:#8c7764}.help-card{background:#fff8f1;border-color:#efe0d0;border-radius:8px}.help-icon{color:var(--jivn-saffron)}.help-card p{color:#806d5b}.help-card a{color:#9b3d00}.result-toolbar #result-count,.sort-label,.filter-row button{color:#807061}.filter-row button.active{background:var(--jivn-espresso);border-color:var(--jivn-espresso);color:#fff}.card{border-color:#e9e1d9;border-radius:8px}.card-poster{background:#fff}.card-poster img{padding:8px}.card-category{color:#a05323}.card h3{font-weight:500;font-size:14px}.card-note{color:#82715f;font-size:10px}.card-actions{border-color:#eee6dd;font-size:10px}.card-actions a:first-child{color:#9b3d00}.card-actions a:last-child{color:var(--jivn-whatsapp)}.card-play{color:#e8650a}.badge{color:#8b1a1a;background:#fff9f2ed}.duration{background:var(--jivn-espresso)}.poster-fallback{background:#fbf4ec;color:#a37c58}.how-section{background:var(--jivn-espresso)}.how-section .eyebrow{color:#d9b995}.how-section>div>p,.steps p{color:#d5c3b1}.steps article{border-color:#624b39}.steps article>span{color:#f1aa6c}.steps a{color:#ffc48a}.light{background:#fff7ef;border-color:#fff7ef;color:var(--jivn-espresso)}.requirement h2 em{color:var(--jivn-saffron)}.requirement-copy p{font-size:13px}.mascot-greeting{display:flex;align-items:center;gap:15px;margin:25px 0 15px;max-width:320px}.mascot-greeting img{width:110px;height:164px;object-fit:contain;flex-shrink:0}.mascot-greeting .eyebrow{font-size:8px;color:#8b1a1a;letter-spacing:1.3px}.mascot-greeting p{font-size:13px;line-height:1.7;margin:8px 0;color:#7f6650}.contact-line{margin-top:20px}.contact-line>span{color:#9b3d00}form{border-color:#e9e1d9;border-radius:8px}form input,form select,form textarea{border-color:#e5dcd2;background:#fffdfa;border-radius:6px;font-size:12px}form label{font-size:11px}.consent,.form-note{color:#766759}.end-banner{background:#fff4e8;border:1px solid #f1dfca;border-radius:8px}.end-banner .eyebrow{color:#9b6a41}.end-banner .button{background:var(--jivn-button);border-color:var(--jivn-button)}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand>img{border-radius:6px;flex-shrink:0}.footer-top h3{color:#986c48}.footer-top p,.footer-top>div>a:not(.wordmark),.footer-bottom{color:#806e5f}.dialog-top{background:var(--jivn-espresso);color:#fff2e3}dialog::backdrop{background:#201207cf}.dialog-content>p{color:#756554}#player{background:var(--jivn-espresso)}#copy-status{color:#075e54}.dialog-content .button:not(.orange){color:#075e54;border-color:#075e54}.share-actions{color:#8b1a1a}
@media(max-width:1050px){.brand-lockup{gap:11px}.brand-logo img{width:43px;height:43px}nav{font-size:11px;gap:15px}.hero-actions{gap:12px}.hero-wa{padding:12px 14px}}
@media(max-width:700px){.brand-lockup{gap:12px}.brand-logo img{width:42px;height:42px}.hero-copy>p{font-size:13px}.hero-feature{border-top-color:#e6d4c2}.hero-wa{font-size:11px}.hero-bottom{font-size:7px}.button{font-size:12px}header nav{font-size:12px}.searchbar input{font-size:12px}.categories button{font-size:11px}.card h3{font-size:12px}.card-note{font-size:9px}.card-actions{font-size:9px}.footer-brand{gap:9px}.footer-brand>img{width:42px;height:42px}.footer-brand .wordmark{font-size:27px}.mascot-greeting{margin-top:20px}.mascot-greeting img{width:90px;height:134px}}
.feature-duration{color:#fff}.hero h1{letter-spacing:-1.8px}
/* Original video thumbnails stay fully visible, without cropping or overlays. */
.card-poster,.feature-image{aspect-ratio:16/9;background:#fff}
.card-poster img,.feature-image img{object-fit:contain;padding:0}
.card:hover .card-poster img{transform:none}
.card-poster .badge,.card-poster .duration,.feature-label,.feature-duration{display:none}
.card-play,.feature-play{top:10px;right:10px;left:auto;transform:none;width:32px;height:32px;font-size:11px;opacity:0;transition:opacity .15s}
.card-poster:hover .card-play,.card-poster:focus-visible .card-play,.hero-feature:hover .feature-play,.hero-feature:focus-visible .feature-play{opacity:1}
.card-actions{flex-direction:column;align-items:stretch;gap:12px}
.card-actions>a:first-child{align-self:flex-start}
.whatsapp-button,.dialog-content .button.whatsapp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#075e54;border:1px solid #075e54;border-radius:6px;color:#fff;padding:10px 14px;font-size:12px;font-weight:600;line-height:1.3;text-decoration:none}
.card-actions .whatsapp-button:last-child{color:#fff}
.whatsapp-button:hover,.dialog-content .button.whatsapp-button:hover{background:#06483f;border-color:#06483f}
.whatsapp-button svg{flex-shrink:0}
#show-guides{gap:0}
/* Clear button controls across the catalogue; JIVN teal and saffron identity. */
.topline{background:#075e54;color:#fff;padding-top:9px;padding-bottom:9px;align-items:center}
.topline>span:first-child{color:#fff}
.wordmark .live{color:#e8650a;font-weight:600}
.wordmark .dot{color:#e8650a}
.action-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 13px;border:1px solid #d7c4b1;border-radius:6px;background:#fffaf5;color:#9b3d00;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;letter-spacing:0;transition:background .15s,border-color .15s}
.action-button:hover{background:#fff0e1;border-color:#9b3d00}
.topline .action-button{min-height:28px;padding:5px 11px;border-color:#ffffff70;background:transparent;color:#fff;font-size:10px}
.topline .action-button:hover{background:#ffffff18}
.hero-actions .button,.hero-wa,.end-banner .button{gap:0}
.card-actions .product-button{align-self:stretch;width:100%;font-size:11px;padding:9px 10px}
.steps .action-button{background:#fff7ef;color:#9b3d00;border-color:#dcc4a7;margin-top:12px}
.footer-top>div>a.action-button{display:table;width:fit-content;font-size:10px;color:#9b3d00;line-height:1.4;margin:8px 0;padding:7px 10px}
.footer-bottom>.action-button{font-size:9px;min-height:28px;padding:5px 10px}
.share-actions{align-items:center;gap:10px}
.share-actions button{border:1px solid #d7c4b1;border-radius:6px;background:#fffaf5;color:#9b3d00;padding:8px 13px;min-height:36px;font-size:12px;font-weight:600}
@media(max-width:700px){.topline{font-size:7px;gap:12px}.topline .action-button{font-size:8px;padding:5px 8px}.action-button{font-size:11px;padding:8px 11px}.card-actions .product-button{font-size:10px}.footer-top>div>a.action-button{font-size:9px;padding:7px 8px}}
/* Unified wordmarks, collection heading, and equal-sized navigation controls. */
.wordmark .dot{color:#8b1a1a}
.wordmark .live{color:#e8650a}
.collection-heading .find-phrase{color:#2c1a0e}
.collection-heading .watch-phrase{color:#8b1a1a}
.collection-heading .share-phrase{color:#e8650a}
.collection-heading>span{white-space:nowrap}
header a.shop{display:inline-flex;align-items:center;justify-content:center;min-width:116px;min-height:44px;padding:10px 18px;border:1px solid #2c1a0e;border-radius:6px;background:#fff8f1;color:#2c1a0e;font-size:13px;font-weight:600}
header a.shop:hover{background:#ffeedb}
.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:390px}
.hero-actions>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:48px;min-width:0;padding:12px 14px;border-width:1px;border-style:solid;border-radius:6px;font-size:13px;font-weight:600;line-height:1.3;text-align:center}
.hero-actions>.hero-wa{border-color:#075e54}
.footer-top .network-buttons>a.action-button{display:flex;align-items:center;justify-content:center;width:160px;max-width:100%;height:40px;min-height:40px;margin:8px 0;padding:8px 12px;font-size:12px;line-height:1.3;white-space:nowrap}
@media(max-width:700px){.hero-actions{max-width:100%}.hero-actions>a{font-size:12px;padding:11px 8px}.footer-top .network-buttons>a.action-button{width:150px;font-size:11px}header a.shop{min-width:100px;font-size:12px}}
/* Match jivn.in's orange navigation and teal footer. */
header a.shop{background:#e8650a;border-color:#e8650a;color:#fff;font-size:17px;min-height:48px;min-width:128px;font-weight:700}
header a.shop:hover{background:#c75100;border-color:#c75100}
footer{background:#075e54;color:#fff;border-top:0;padding-top:46px}
footer .wordmark{color:#2c1a0e;background:#fff;border-radius:6px;padding:4px 9px}
footer .wordmark .dot{color:#8b1a1a}
footer .wordmark .live{color:#e8650a}
.footer-top h3{color:#fff;font-size:10px}
.footer-top p,.footer-top>div>a:not(.wordmark),.footer-bottom{color:#e0efeb;font-size:11px}
.footer-top>div>a:not(.wordmark):hover{color:#fff}
.footer-bottom{border-color:#ffffff38;align-items:center}
.footer-top .network-buttons>a.action-button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:140px;max-width:100%;height:38px;min-height:38px;margin:0 0 9px;padding:8px 12px;background:transparent;border:1px solid #ffffff78;color:#fff;font-size:12px;font-weight:600;line-height:1.4}
.footer-top .network-buttons>a.action-button:hover{background:#ffffff14;border-color:#fff;color:#fff}
.social-links{display:flex;flex-direction:column;gap:9px;margin-top:16px;align-items:flex-start}
.social-links .social-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:9px;width:140px;min-height:38px;background:transparent;border:1px solid #ffffff78;color:#fff;padding:8px 12px;font-size:12px}
.social-links .social-button:hover{background:#ffffff14;border-color:#fff}
.footer-bottom>.action-button{background:transparent;border-color:#ffffff78;color:#fff}
.footer-bottom>.action-button:hover{background:#ffffff14}
@media(max-width:700px){header a.shop{font-size:15px;min-width:108px;min-height:44px}.footer-top p,.footer-top>div>a:not(.wordmark){font-size:10px}.social-links .social-button{width:130px;font-size:11px}}

.network-button svg{flex-shrink:0}
@media(max-width:700px){.footer-top .network-buttons>a.action-button{width:130px;font-size:11px}}

/* Identical typography and title case for both landing-page actions. */
.hero-actions>a{font-family:'Jost',Arial,sans-serif;font-size:13px;font-weight:600;font-style:normal;letter-spacing:0;line-height:1.3;text-transform:none}
@media(max-width:700px){.hero-actions>a{font-size:12px}}
/* Shared legal and contact pages, copied from jivn.in. */
.policy-links{display:flex;flex-wrap:wrap;gap:9px;margin-left:auto}
.footer-bottom .policy-links .action-button{background:transparent;border-color:#ffffff78;color:#fff;min-height:32px;font-size:10px;padding:6px 10px}
.footer-bottom .policy-links .action-button:hover{background:#ffffff14;border-color:#fff}
.policy-page{max-width:1000px;margin:0 auto;padding:40px 5% 64px}
.policy-document{padding:34px 0 0}
.policy-document>h1{font-family:'DM Sans',Arial,sans-serif;font-size:36px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:10px 0 30px;color:#2c1a0e}
.policy-body{font-size:16px;line-height:1.85;color:#4d3c30;overflow-wrap:anywhere}
.policy-body h2{font-family:'DM Sans',Arial,sans-serif;color:#2c1a0e;font-size:24px;line-height:1.4;margin:28px 0 12px;font-weight:500}
.policy-body h3{font-family:'DM Sans',Arial,sans-serif;color:#8b1a1a;font-size:20px;line-height:1.5;margin:25px 0 10px;font-weight:500}
.policy-paragraph,.policy-body p{margin:12px 0}
.policy-bold{font-weight:700}.policy-italic{font-style:italic}
.policy-body a{color:#9b3d00;text-decoration:underline;text-underline-offset:3px}
.policy-body table{border-collapse:collapse;width:100%;margin:20px 0;font-size:14px}
.policy-body th,.policy-body td{border:1px solid #e9e1d9;padding:12px;text-align:left;vertical-align:top}
.policy-body th{background:#fff8f1}
.policy-source{border-top:1px solid #e9e1d9;padding-top:22px;margin-top:35px;color:#9b3d00;font-size:13px}
.policy-source a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.policy-links{order:3;width:100%;margin-left:0;padding-top:8px}.policy-page{padding-top:26px}.policy-document>h1{font-size:29px}.policy-body{font-size:14px;line-height:1.8}.policy-body h2{font-size:21px}.policy-body h3{font-size:18px}.policy-body table{font-size:11px}.policy-body th,.policy-body td{padding:7px}}

/* Plain inline legal links, matching jivn.in's footer policy row. */
.footer-bottom .policy-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:0;margin-left:0;width:100%;font-family:'Jost',Arial,sans-serif;font-size:11px;line-height:1.8}
.footer-bottom .policy-links .policy-text-link{display:inline;color:#e0efeb;background:none;border:0;border-radius:0;padding:0;min-height:0;font-size:11px;font-weight:400;line-height:1.8;text-decoration:none;transition:none}
.footer-bottom .policy-links .policy-text-link+.policy-text-link::before{content:'·';display:inline-block;margin:0 10px;color:#c6dfd8;text-decoration:none}
.footer-bottom .policy-links .policy-text-link:hover{background:none;color:#fff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.footer-bottom .policy-links{padding-top:6px}.footer-bottom .policy-links .policy-text-link{font-size:10px}.footer-bottom .policy-links .policy-text-link+.policy-text-link::before{margin:0 8px}}
/* Compact footer: short rows for Android, balanced columns on larger screens. */
footer{padding:30px 5% 18px}
.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1.05fr 1.45fr;grid-template-areas:"brand explore network contact" "brand social network contact";gap:14px 28px;align-items:start}
.footer-intro{grid-area:brand}.footer-explore{grid-area:explore}.network-buttons{grid-area:network}.social-links{grid-area:social}.footer-contact{grid-area:contact}
.footer-top h3{margin:0 0 10px;line-height:1.4;letter-spacing:1px}
.footer-intro p{margin:10px 0 0;line-height:1.5}
.footer-quicklinks{display:flex;flex-direction:column;gap:4px}
.footer-quicklinks>a{display:block;padding:4px 0;font-size:12px;color:#e0efeb;line-height:1.4}
.footer-quicklinks>a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.footer-top .network-buttons>a.action-button{margin:0 0 6px}
.footer-top>.social-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;width:100%}
.footer-top .social-links .social-button{width:100%;min-width:0;height:36px;min-height:36px;padding:7px 8px;gap:6px;font-size:10px}
.footer-top .social-links svg{width:15px;height:15px;flex-shrink:0}
.footer-contact .footer-address{margin:0 0 8px;line-height:1.65}
.footer-contact .footer-gstin{margin:0 0 4px;font-size:10px;line-height:1.5}
.footer-top .footer-contact>a{margin:0;line-height:1.6;font-size:12px}
.footer-bottom{margin-top:20px;padding-top:14px;gap:8px 20px;flex-wrap:wrap}
.footer-bottom .policy-links{padding-top:0}
@media(min-width:701px) and (max-width:1000px){.footer-top{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"brand explore network" "contact social network";gap:18px 24px}}
@media(max-width:700px){
 footer{padding:22px 5% 14px}
 .footer-top{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "explore" "network" "social" "contact";gap:12px}
 .footer-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #ffffff26}
 .footer-brand{gap:8px;flex-shrink:0}.footer-brand>img{width:36px;height:36px}.footer-brand .wordmark{font-size:26px;padding:3px 7px}
 .footer-intro p{margin:0;max-width:145px;font-size:10px;line-height:1.5}
 .footer-top .footer-explore>h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .footer-quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .footer-quicklinks>a{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 3px;font-size:11px;line-height:1.4;text-align:center}
 .footer-top .network-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .footer-top .network-buttons>h3{grid-column:1/-1;margin:0 0 1px;font-size:9px;letter-spacing:1px}
 .footer-top .network-buttons>a.action-button{width:100%;max-width:none;margin:0;height:40px;min-height:40px;justify-content:center;padding:8px 10px;gap:8px;font-size:12px}
 .network-button svg{width:16px;height:16px}
 .footer-top>.social-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .footer-top .social-links .social-button{display:flex;flex-direction:column;justify-content:center;gap:3px;width:100%;height:45px;min-height:45px;padding:5px 3px;font-size:10px;line-height:1.2}
 .footer-top .social-links svg{width:16px;height:16px}
 .footer-contact{display:grid;grid-template-columns:1.1fr 1fr;gap:4px 8px;padding-top:12px;border-top:1px solid #ffffff26}
 .footer-top .footer-contact>h3{grid-column:1/-1;margin:0;font-size:9px}
 .footer-top .footer-contact .footer-address{grid-column:1/-1;margin:0;font-size:11px;line-height:1.5}
 .footer-top .footer-contact .footer-gstin{margin:0;font-size:9px;line-height:1.7;white-space:nowrap}
 .footer-top .footer-contact>a{justify-self:end;margin:0;font-size:11px;line-height:1.5}
 .footer-bottom{margin-top:12px;padding-top:10px;gap:4px;font-size:9px;line-height:1.5}
 .footer-bottom>span{display:block;width:100%}
 .footer-bottom .policy-links{padding-top:4px;font-size:10px;line-height:1.6}
 .footer-bottom .policy-links .policy-text-link{font-size:10px;line-height:1.8}
 .footer-bottom .policy-links .policy-text-link+.policy-text-link::before{margin:0 7px}
}
@media(max-width:359px){.footer-intro{gap:8px}.footer-brand .wordmark{font-size:23px}.footer-brand>img{width:32px;height:32px}.footer-intro p{font-size:9px}.footer-top .network-buttons>a.action-button{font-size:11px}.footer-top .footer-contact .footer-gstin{font-size:8px}}

/* Android catalogue: readable cards and direct access to product discovery. */
.mobile-category{display:none}
@media(max-width:700px){
 html{scroll-padding-top:16px}
 header{padding:12px 5%;gap:12px}
 header nav{padding-top:8px;gap:8px}
 header nav a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;text-align:center}
 .topline{font-size:10px;letter-spacing:.5px}
 .topline .action-button{font-size:11px;min-height:36px}
 .hero{margin-top:12px;padding:20px;gap:0;min-height:0}
 .hero h1{font-size:30px;margin:10px 0;line-height:1.2}
 .hero h1 br{display:none}
 .hero-copy>p{font-size:15px;line-height:1.5;margin:10px 0}
 .hero .eyebrow,.hero-bottom,.hero-feature,.quick-strip{display:none}
 .hero-actions{margin:16px 0 0;gap:10px}
 .hero-actions>a{min-height:48px;height:auto;font-size:14px}
 .catalogue{padding:24px 5% 36px}
 .section-top{margin-bottom:14px}
 .section-top h2{font-size:25px}
 .section-top .eyebrow,.section-top p,.section-top>.text-link{display:none}
 .searchbar{padding:8px 12px;margin-bottom:14px;min-height:52px}
 .searchbar input{font-size:16px;min-height:36px}
 .searchbar:focus-within{outline:3px solid #e8650a;outline-offset:2px}
 .searchbar kbd{display:none}
 .mobile-category{display:block;font-size:14px;font-weight:600;margin-bottom:18px}
 .mobile-category select{display:block;width:100%;min-height:48px;font-size:16px;color:#2c1a0e;background:#fff8f1;border:1px solid #d7c4b1;border-radius:6px;padding:10px 12px;margin-top:6px}
 .catalogue .categories{display:none}
 .result-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:12px}
 .result-toolbar strong{font-size:17px}
 .result-toolbar #result-count{font-size:13px}
 .sort-label,.sort-label select{font-size:14px}
 .sort-label select{min-height:48px;max-width:none}
 .filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px}
 .filter-row button{min-height:48px;font-size:14px;padding:10px 8px}
 .grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .card-body{padding:16px}
 .card-category{font-size:12px}
 .card h3{font-size:18px;line-height:1.45;min-height:0;margin:8px 0}
 .card h3 a{display:block;padding:4px 0}
 .card-note{font-size:14px;line-height:1.5;min-height:0}
 .card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .card-actions .product-button,.card-actions .whatsapp-button{min-height:48px;font-size:14px;padding:10px 8px}
 .card:hover{transform:none}
 .more{min-height:48px;font-size:16px}
 .reference-note{font-size:13px;line-height:1.6}
 .dialog-top{position:sticky;top:0;z-index:1}
 .dialog-top button{min-width:48px;min-height:48px;color:inherit}
 dialog{max-height:94vh;max-height:94dvh;width:calc(100% - 16px)}
 .dialog-content{padding:18px}
 .dialog-content>p{font-size:14px}
 .detail-actions>a,.share-actions>a,.share-actions>button{min-height:48px;font-size:14px}
 form input,form select,form textarea{font-size:16px;min-height:48px}
 form label{font-size:14px}
 .form-row{grid-template-columns:1fr;gap:0}
 .consent{font-size:13px;align-items:center}
 .consent input{min-height:24px;width:24px;height:24px}
 .form-note{font-size:13px}
}