/* Built by Mohammad Abbasi. All rights reserved. */
.otc-page{background:linear-gradient(180deg,#f7fbfa 0,#fff 23%,#f8fafc 100%);color:#0b2f3b}.otc-page .container{max-width:1320px;margin:auto;padding-inline:24px}.otc-hero{padding:34px 0 28px}.otc-hero .breadcrumb{margin-bottom:22px}.otc-hero-card{min-height:500px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden;border:1px solid rgba(15,118,110,.12);border-radius:38px;background:radial-gradient(circle at 10% 10%,rgba(45,212,191,.18),transparent 28%),linear-gradient(135deg,#062f36,#075c60 58%,#0f766e);box-shadow:0 34px 85px rgba(5,78,80,.18);position:relative}.otc-hero-copy{padding:64px;color:#fff;position:relative;z-index:2}.otc-eyebrow,.otc-section-head>div>span,.otc-pharmacist-card>div>span,.guide-kicker{display:inline-flex;font-size:12px;font-weight:900;letter-spacing:1.8px;color:#8ff3df;margin-bottom:14px}.otc-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.22;margin:0 0 22px;font-weight:900}.otc-hero h1 em{font-style:normal;color:#9cf7e7}.otc-hero-copy>p{font-size:17px;line-height:2.05;color:rgba(255,255,255,.82);max-width:680px}.otc-hero-actions{display:flex;gap:12px;margin-top:30px}.otc-hero-actions a,.otc-hero-actions button,.otc-pharmacist-card button{border:0;border-radius:14px;padding:15px 22px;font:inherit;font-weight:900;cursor:pointer}.otc-hero-actions a{background:#fff;color:#075c60}.otc-hero-actions button{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.otc-hero-points{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.otc-hero-points span{font-size:13px;color:#d4fff7;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:8px 12px;border-radius:999px}.otc-hero-art{height:100%;min-height:500px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.otc-hero-art:before{content:"";position:absolute;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.23),rgba(255,255,255,.02) 64%,transparent 65%);filter:drop-shadow(0 20px 30px rgba(0,0,0,.16))}.otc-hero-art strong{font-size:88px;line-height:1;font-weight:950;letter-spacing:-4px;position:relative}.otc-hero-art>small{position:relative;letter-spacing:3px;margin-top:9px;color:#bffcf0}.otc-cross{position:absolute;top:23%;right:22%;font-size:42px;color:#9cf7e7}.otc-orbit{position:absolute;border:1px solid rgba(255,255,255,.24);border-radius:50%}.orbit-a{width:430px;height:250px;transform:rotate(-25deg)}.orbit-b{width:260px;height:410px;transform:rotate(38deg)}.otc-pill{position:absolute;width:80px;height:34px;border-radius:30px;background:#fff;box-shadow:0 15px 35px rgba(0,0,0,.23);overflow:hidden}.otc-pill i{display:block;width:50%;height:100%;background:#50d7c5}.pill-a{left:13%;top:27%;transform:rotate(28deg)}.pill-b{right:14%;bottom:23%;transform:rotate(-30deg)}.pill-b i{background:#f4b56b}.otc-safety{padding:8px 0 20px}.otc-safety-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 24px;border-radius:22px;background:#fff;border:1px solid #dcebea;box-shadow:0 13px 34px rgba(18,65,71,.07)}.otc-shield{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;background:#e7faf5;color:#0f766e;font-size:24px;font-weight:900}.otc-safety-card strong{font-size:17px}.otc-safety-card p{margin:5px 0 0;color:#60747b;line-height:1.8}.otc-safety-card button{border:0;border-radius:12px;background:#0f766e;color:#fff;padding:12px 18px;font:inherit;font-weight:800}.otc-catalog{padding:62px 0 90px}.otc-section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.otc-section-head>div>span{color:#0f766e}.otc-section-head h2{font-size:clamp(27px,3vw,42px);margin:0 0 10px}.otc-section-head p{margin:0;color:#64777d;font-size:15px}.otc-count{min-width:108px;height:108px;border-radius:30px;background:#092f39;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 35px rgba(9,47,57,.18)}.otc-count strong{font-size:34px}.otc-count small{color:#9eeadd}.otc-toolbar{display:grid;grid-template-columns:1fr 240px auto;gap:12px;padding:14px;border-radius:22px;background:#fff;border:1px solid #e0ebea;box-shadow:0 12px 35px rgba(20,62,68,.06);position:sticky;top:85px;z-index:20}.otc-search{display:flex;align-items:center;gap:12px;padding:0 16px;background:#f6f9f9;border-radius:14px}.otc-search span{font-size:24px;color:#0f766e}.otc-search input,.otc-toolbar select{width:100%;border:0;background:transparent;padding:15px 4px;font:inherit;outline:none;color:#173a44}.otc-toolbar select{background:#f6f9f9;border-radius:14px;padding-inline:14px}.otc-toolbar>button{border:0;border-radius:14px;background:#e9f5f3;color:#0f766e;padding:0 18px;font:inherit;font-weight:800}.otc-cats{display:flex;gap:9px;overflow:auto;padding:18px 2px 24px;scrollbar-width:none}.otc-cats::-webkit-scrollbar{display:none}.otc-cat{white-space:nowrap;border:1px solid #d9e8e6;background:#fff;color:#476067;border-radius:999px;padding:10px 15px;font:inherit;font-weight:750;cursor:pointer}.otc-cat.active{background:#0f766e;border-color:#0f766e;color:#fff;box-shadow:0 8px 18px rgba(15,118,110,.2)}.otc-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:25px;align-items:start}.otc-guide{position:sticky;top:175px;border-radius:27px;padding:28px;background:linear-gradient(160deg,#0a3b43,#0f766e);color:#fff;box-shadow:0 23px 45px rgba(9,63,70,.18)}.otc-guide h3{font-size:23px;margin:0 0 18px}.otc-guide ul{padding-right:20px;margin:0 0 24px;color:#d7f5ef;line-height:2}.otc-guide a{display:block;text-align:center;background:#fff;color:#0f766e;padding:13px;border-radius:13px;font-weight:900}.guide-stat{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.16);display:flex;gap:12px;align-items:center}.guide-stat strong{font-size:28px;color:#9cf7e7}.guide-stat span{font-size:12px;line-height:1.7}.otc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.otc-card{min-height:355px;background:#fff;border:1px solid #e2eceb;border-radius:24px;overflow:hidden;transition:.28s ease;box-shadow:0 8px 28px rgba(22,65,71,.055)}.otc-card:hover{transform:translateY(-7px);border-color:#a8ddd5;box-shadow:0 20px 45px rgba(15,88,91,.12)}.otc-card-top{display:flex;justify-content:space-between;padding:15px 16px 0}.otc-badge{font-size:11px;font-weight:900;letter-spacing:1px;color:#0f766e;background:#e5f8f3;border-radius:999px;padding:6px 9px}.otc-fav{border:0;background:transparent;font-size:22px;color:#6f8085;cursor:pointer}.otc-product-visual{height:125px;margin:7px 14px 0;border-radius:18px;background:radial-gradient(circle at 35% 30%,#fff,transparent 34%),linear-gradient(145deg,#eefaf7,#f8fbfb);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#0f766e}.otc-product-visual span{font-size:48px;font-weight:900;filter:drop-shadow(0 9px 10px rgba(15,118,110,.15))}.otc-product-visual small{margin-top:4px;font-weight:800;color:#6a8589}.otc-card-body{padding:17px}.otc-category{font-size:11px;font-weight:850;color:#0f766e;margin:0 0 7px}.otc-card h3{font-size:17px;line-height:1.65;margin:0;min-height:55px}.otc-meta{display:flex;gap:7px;margin:10px 0 16px}.otc-meta span{font-size:11px;background:#f3f6f6;color:#61757a;padding:5px 8px;border-radius:8px}.otc-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.otc-card-actions button{border-radius:11px;padding:10px 5px;font:inherit;font-size:12px;font-weight:850;cursor:pointer}.otc-info{border:1px solid #d8e6e4;background:#fff;color:#34535a}.otc-availability{border:0;background:#0f766e;color:#fff}.otc-empty{display:none;text-align:center;padding:70px 20px;background:#fff;border:1px dashed #bdd5d2;border-radius:24px}.otc-empty.show{display:block}.otc-empty span{font-size:52px;color:#0f766e}.otc-empty h3{font-size:22px}.otc-empty p{color:#718388}.otc-empty button{border:0;background:#0f766e;color:#fff;border-radius:12px;padding:12px 20px;font:inherit;font-weight:800}.otc-pharmacist{padding:0 0 90px}.otc-pharmacist-card{display:grid;grid-template-columns:1fr 310px;align-items:center;gap:30px;padding:48px 55px;border-radius:34px;background:linear-gradient(135deg,#e8faf6,#fff);border:1px solid #cce8e3;overflow:hidden}.otc-pharmacist-card h2{font-size:34px;margin:0 0 13px}.otc-pharmacist-card p{color:#587178;line-height:1.9;max-width:720px}.otc-pharmacist-card button{background:#0f766e;color:#fff;margin-top:10px}.pharmacist-mark{height:230px;border-radius:50px 18px 50px 18px;background:#0b4e55;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:78px;font-weight:950;box-shadow:0 22px 45px rgba(11,78,85,.2)}.pharmacist-mark small{font-size:12px;font-weight:700;color:#a6eee1}.otc-card.hidden{display:none}.otc-toast{position:fixed;bottom:100px;left:24px;z-index:200;background:#092f39;color:#fff;border-radius:14px;padding:13px 18px;box-shadow:0 16px 35px rgba(0,0,0,.2);transform:translateY(30px);opacity:0;transition:.25s}.otc-toast.show{transform:none;opacity:1}
@media(max-width:1100px){.otc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.otc-hero-card{grid-template-columns:1fr}.otc-hero-art{min-height:330px}.otc-hero-copy{padding-bottom:20px}.otc-layout{grid-template-columns:1fr}.otc-guide{position:relative;top:auto}.otc-guide ul{columns:2}.otc-pharmacist-card{grid-template-columns:1fr 240px}}
@media(max-width:720px){.otc-page .container{padding-inline:14px}.otc-hero{padding-top:15px}.otc-hero-card{border-radius:26px}.otc-hero-copy{padding:34px 22px 12px}.otc-hero h1{font-size:36px}.otc-hero-copy>p{font-size:14px}.otc-hero-actions{flex-direction:column}.otc-hero-actions a,.otc-hero-actions button{text-align:center}.otc-hero-art{min-height:300px}.otc-hero-art:before{width:270px;height:270px}.otc-hero-art strong{font-size:66px}.orbit-a{width:310px;height:180px}.orbit-b{width:190px;height:290px}.otc-safety-card{grid-template-columns:auto 1fr;padding:18px}.otc-safety-card button{grid-column:1/-1}.otc-section-head{align-items:center}.otc-count{min-width:78px;height:78px;border-radius:22px}.otc-count strong{font-size:27px}.otc-toolbar{grid-template-columns:1fr;top:70px}.otc-toolbar>button{padding:13px}.otc-guide ul{columns:1}.otc-grid{grid-template-columns:1fr 1fr;gap:10px}.otc-card{min-height:328px;border-radius:18px}.otc-product-visual{height:105px}.otc-card-body{padding:13px}.otc-card h3{font-size:14px;min-height:50px}.otc-card-actions{grid-template-columns:1fr}.otc-info{display:none}.otc-pharmacist-card{grid-template-columns:1fr;padding:30px 22px}.pharmacist-mark{height:180px}.otc-pharmacist-card h2{font-size:27px}}
@media(max-width:390px){.otc-grid{grid-template-columns:1fr}.otc-card{min-height:auto}.otc-card h3{min-height:auto}}

/* OTC lightweight, image-free premium catalog — v2 */
.otc-grid{gap:18px}
.otc-card{min-height:0;display:flex;flex-direction:column;border-radius:22px;border-color:#dce9e7;background:linear-gradient(180deg,#fff 0%,#fbfdfd 100%);box-shadow:0 10px 28px rgba(13,69,74,.065);content-visibility:auto;contain-intrinsic-size:360px}
.otc-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(13,69,74,.115)}
.otc-card-top{padding:14px 16px 0;align-items:center}
.otc-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#e9f8f4;border:1px solid #ccece4;font-size:12px}
.otc-badge:before{content:"✚";font-size:11px}
.otc-fav{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f5f8f8;border:1px solid #e4eceb;font-size:19px;transition:.2s}
.otc-fav:hover{background:#fff1f3;color:#e11d48;border-color:#fecdd3}
.otc-product-visual{height:92px;margin:10px 15px 0;display:grid;grid-template-columns:58px 1fr;grid-template-rows:1fr 1fr;align-items:center;justify-content:stretch;column-gap:13px;padding:15px 16px;text-align:right;border:1px solid #dcece9;background:linear-gradient(135deg,#effaf7,#f9fcfb);overflow:hidden;position:relative}
.otc-product-visual:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;left:-26px;bottom:-40px;background:rgba(15,118,110,.07)}
.otc-product-visual span{grid-row:1/3;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#0f766e,#0a5653);color:#fff;font-size:27px;filter:none;box-shadow:0 10px 20px rgba(15,118,110,.2)}
.otc-product-visual small{margin:0;color:#5a7378;font-size:12px;font-weight:850;align-self:end}
.otc-product-visual small:before{content:"شکل دارویی";display:block;font-size:12px;color:#8ba0a4;font-weight:700;margin-bottom:2px}
.otc-card-body{display:flex;flex:1;flex-direction:column;padding:15px 16px 16px}
.otc-category{font-size:12px;letter-spacing:0;font-weight:900;margin-bottom:6px}
.otc-card h3{font-size:17px;line-height:1.75;min-height:60px;color:#12363e;font-weight:900;letter-spacing:-.25px}
.otc-meta{margin:10px 0 15px;gap:6px;flex-wrap:wrap}
.otc-meta span{font-size:12px;font-weight:750;padding:6px 9px;background:#f1f6f5;border:1px solid #e2ecea;color:#587176}
.otc-meta span:last-child{background:#f0fdf4;border-color:#d1fae5;color:#167149}
.otc-card-actions{margin-top:auto;gap:8px}
.otc-card-actions button{min-height:40px;padding:9px 8px;font-size:11.5px;border-radius:12px;transition:.2s}
.otc-info:hover{border-color:#8ccdc2;color:#0f766e;background:#f4fbf9}
.otc-availability{box-shadow:0 8px 16px rgba(15,118,110,.16)}
.otc-availability:hover{background:#0b625c;transform:translateY(-1px)}
.otc-toolbar{backdrop-filter:blur(14px);background:rgba(255,255,255,.94)}
.otc-search input,.otc-toolbar select{font-size:14px}
.otc-cats{padding-bottom:20px}
.otc-cat{font-size:12px;padding:9px 14px}
.otc-guide{overflow:hidden}
.otc-guide:after{content:"OTC";position:absolute;left:-18px;bottom:-28px;font-size:96px;font-weight:950;color:rgba(255,255,255,.045);letter-spacing:-7px}
@media(max-width:720px){
 .otc-grid{gap:11px}
 .otc-card{border-radius:18px}
 .otc-card-top{padding:11px 11px 0}
 .otc-product-visual{height:78px;margin:8px 10px 0;grid-template-columns:46px 1fr;column-gap:9px;padding:11px}
 .otc-product-visual span{width:46px;height:46px;border-radius:14px;font-size:22px}
 .otc-product-visual small{font-size:12px}
 .otc-product-visual small:before{font-size:12px}
 .otc-card-body{padding:12px 11px 12px}
 .otc-card h3{font-size:14px;line-height:1.7;min-height:50px}
 .otc-category{font-size:12px}
 .otc-meta{margin:7px 0 10px}
 .otc-meta span{font-size:12px;padding:5px 6px}
 .otc-card-actions button{min-height:38px;font-size:12px}
}
@media(max-width:390px){
 .otc-product-visual{height:82px;grid-template-columns:50px 1fr}
 .otc-product-visual span{width:50px;height:50px}
 .otc-card h3{font-size:16px}
 .otc-card-actions{grid-template-columns:1fr 1fr}
 .otc-info{display:block}
}
.otc-card-actions a.otc-info{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}


/* Unified OTC card actions — DaruGet UI v3 */
.otc-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:9px;align-items:stretch}
.otc-card-actions a.otc-info,.otc-card-actions button.otc-availability{min-width:0;min-height:44px;padding:8px 10px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;font-size:11.5px;font-weight:900;line-height:1.35;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.otc-card-actions a.otc-info{border:1px solid #b9dcd6;background:#f4fbf9;color:#0f6b63;text-decoration:none;box-shadow:0 5px 12px rgba(15,118,110,.06)}
.otc-card-actions button.otc-availability{border:1px solid #0f766e;background:linear-gradient(135deg,#0f766e,#0b625c);color:#fff;box-shadow:0 8px 18px rgba(15,118,110,.18)}
.otc-action-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center;flex:0 0 25px;transition:.2s ease}
.otc-info .otc-action-icon{background:#def4ee;color:#0f766e}.otc-availability .otc-action-icon{background:rgba(255,255,255,.16);color:#fff}
.otc-action-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.otc-card-actions a.otc-info:hover{background:#e8f8f3;border-color:#82c9be;color:#0b625c;transform:translateY(-1px);box-shadow:0 9px 18px rgba(15,118,110,.10)}
.otc-card-actions button.otc-availability:hover{background:linear-gradient(135deg,#0d6b64,#084f4b);transform:translateY(-1px);box-shadow:0 11px 22px rgba(15,118,110,.24)}
.otc-card-actions a:focus-visible,.otc-card-actions button:focus-visible{outline:3px solid rgba(45,212,191,.28);outline-offset:2px}
@media(max-width:720px){.otc-card-actions{grid-template-columns:1fr;gap:7px}.otc-card-actions a.otc-info{display:inline-flex}.otc-card-actions a.otc-info,.otc-card-actions button.otc-availability{min-height:41px;font-size:12px;padding-inline:7px}.otc-action-icon{width:22px;height:22px;flex-basis:22px}.otc-action-icon svg{width:14px;height:14px}}
@media(max-width:390px){.otc-card-actions{grid-template-columns:1fr 1fr}.otc-card-actions a.otc-info,.otc-card-actions button.otc-availability{white-space:normal;min-height:46px}}


/* Premium Persian medicine covers — DaruGet OTC v4 */
.otc-card{position:relative;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border-color:rgba(15,23,42,.09)}
.otc-card:hover{border-color:color-mix(in srgb,var(--cover-b) 35%,#dce9e7);box-shadow:0 24px 55px color-mix(in srgb,var(--cover-a) 17%,transparent)}
.otc-product-visual{
  height:158px;margin:12px 14px 0;padding:20px 19px 17px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
  text-align:right;border:1px solid rgba(255,255,255,.42);border-radius:22px;color:var(--cover-ink);
  background:
    radial-gradient(circle at 12% 12%,rgba(255,255,255,.34) 0 3%,transparent 3.4%),
    radial-gradient(circle at 88% 78%,rgba(255,255,255,.18) 0 13%,transparent 13.5%),
    linear-gradient(135deg,var(--cover-a),var(--cover-b) 58%,var(--cover-c));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 16px 34px color-mix(in srgb,var(--cover-a) 26%,transparent);
  isolation:isolate;overflow:hidden;position:relative
}
.otc-product-visual:before{content:"";position:absolute;inset:-55% auto auto -16%;width:170px;height:240px;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:rotate(34deg);z-index:-1}
.otc-product-visual:after{content:"";position:absolute;left:-31px;bottom:-44px;width:128px;height:128px;border-radius:50%;background:rgba(255,255,255,.13);box-shadow:0 0 0 20px rgba(255,255,255,.055);z-index:-1}
.otc-cover-brand{direction:ltr;align-self:flex-start;font-size:12px;font-weight:900;letter-spacing:2px;color:rgba(255,255,255,.78);padding:5px 8px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.otc-cover-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;line-height:1.55;font-weight:950;letter-spacing:-.45px;text-shadow:0 3px 14px rgba(0,0,0,.16);max-width:95%}
.otc-cover-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.otc-cover-meta span{font-size:12px;font-weight:850;color:rgba(255,255,255,.9);background:rgba(10,20,30,.13);border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:9px;backdrop-filter:blur(9px)}
.otc-cover-meta i{font-style:normal;width:29px;height:29px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.92);color:var(--cover-a);font:950 14px/1 Arial;box-shadow:0 6px 16px rgba(0,0,0,.13)}
.otc-card-top{position:absolute;inset:20px 22px auto 22px;z-index:4;padding:0;pointer-events:none}
.otc-card-top .otc-badge{opacity:0;visibility:hidden}
.otc-fav{pointer-events:auto;background:rgba(255,255,255,.9);border-color:rgba(255,255,255,.65);color:#42545a;box-shadow:0 8px 20px rgba(15,23,42,.13);backdrop-filter:blur(10px)}
.otc-card-body{padding-top:18px}
.otc-category{color:color-mix(in srgb,var(--cover-a) 85%,#0f766e)}
.otc-card h3{min-height:58px}
@media(max-width:720px){
 .otc-product-visual{height:132px;margin:10px 10px 0;padding:16px 14px 13px;border-radius:18px}
 .otc-cover-brand{font-size:12px;letter-spacing:1.3px;padding:4px 6px}
 .otc-cover-name{font-size:16px;line-height:1.5}
 .otc-cover-meta span{font-size:12px;padding:4px 7px}
 .otc-cover-meta i{width:25px;height:25px;border-radius:8px;font-size:12px}
 .otc-card-top{inset:17px 16px auto 16px}
}
@media(max-width:390px){.otc-product-visual{height:145px}.otc-cover-name{font-size:18px}}

/* OTC card polish — action alignment and clearer Persian names v5 */
.otc-card-actions{
  grid-template-columns:1fr;
  gap:8px;
  width:100%;
  min-width:0;
}
.otc-card-actions a.otc-info,
.otc-card-actions button.otc-availability{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  min-height:43px;
  padding:9px 12px;
  justify-content:center;
  white-space:nowrap;
  overflow:hidden;
}
.otc-card-actions a.otc-info > span:last-child,
.otc-card-actions button.otc-availability > span:last-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
}
.otc-cover-name{
  align-self:flex-start;
  max-width:calc(100% - 2px);
  padding:5px 10px 7px;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,rgba(3,14,20,.34),rgba(3,14,20,.17));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 8px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  font-size:22px;
  line-height:1.45;
  font-weight:950;
  text-shadow:0 2px 8px rgba(0,0,0,.35);
}
@media(max-width:720px){
  .otc-card-actions{grid-template-columns:1fr;gap:7px}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{min-height:42px;padding:8px 10px;font-size:11px}
  .otc-cover-name{font-size:18px;padding:4px 8px 6px;border-radius:10px}
}
@media(max-width:390px){
  .otc-card-actions{grid-template-columns:1fr}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{white-space:nowrap;min-height:43px}
  .otc-cover-name{font-size:19px}
}

/* Final premium refinement — OTC actions & Persian typography v6 */
.otc-card-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100%;
  margin-top:auto;
  padding-top:4px;
}
.otc-card-actions a.otc-info,
.otc-card-actions button.otc-availability{
  position:relative;
  isolation:isolate;
  width:100%;
  min-width:0;
  min-height:48px;
  padding:10px 9px;
  border-radius:15px;
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:7px;
  overflow:hidden;
  white-space:nowrap;
  font-family:inherit;
  font-size:12px;
  font-weight:900;
  letter-spacing:-.15px;
  cursor:pointer;
  transform:translateZ(0);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;
}
.otc-card-actions a.otc-info::before,
.otc-card-actions button.otc-availability::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-70%;
  right:-28%;
  width:72px;
  height:150px;
  transform:rotate(24deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  opacity:0;
  transition:transform .5s ease,opacity .25s ease;
}
.otc-card-actions a.otc-info:hover::before,
.otc-card-actions button.otc-availability:hover::before{
  opacity:1;
  transform:translateX(-145px) rotate(24deg);
}
.otc-card-actions a.otc-info{
  color:#0b675f;
  border:1px solid rgba(15,118,110,.22);
  background:linear-gradient(145deg,#ffffff 0%,#eefaf7 100%);
  box-shadow:0 8px 18px rgba(15,118,110,.09),inset 0 1px 0 #fff;
  text-decoration:none;
}
.otc-card-actions button.otc-availability{
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(135deg,#13877e 0%,#0f766e 46%,#075952 100%);
  box-shadow:0 10px 22px rgba(15,118,110,.25),inset 0 1px 0 rgba(255,255,255,.24);
}
.otc-card-actions a.otc-info:hover{
  transform:translateY(-2px);
  border-color:rgba(15,118,110,.42);
  box-shadow:0 13px 25px rgba(15,118,110,.15),inset 0 1px 0 #fff;
}
.otc-card-actions button.otc-availability:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 15px 29px rgba(15,118,110,.32),inset 0 1px 0 rgba(255,255,255,.28);
}
.otc-card-actions a.otc-info:active,
.otc-card-actions button.otc-availability:active{transform:translateY(0) scale(.985)}
.otc-action-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:9px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32);
}
.otc-info .otc-action-icon{background:#dff5ef;color:#087168}
.otc-availability .otc-action-icon{background:rgba(255,255,255,.17);color:#fff}
.otc-action-icon svg{width:16px;height:16px;stroke-width:1.9}
.otc-card-actions a.otc-info > span:last-child,
.otc-card-actions button.otc-availability > span:last-child{
  display:block;
  min-width:0;
  overflow:visible;
  text-overflow:clip;
}

.otc-cover-name{
  font-size:24px;
  line-height:1.5;
  font-weight:950;
  letter-spacing:-.7px;
  padding:7px 12px 9px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,rgba(1,12,20,.46),rgba(3,18,28,.22));
  border:1px solid rgba(255,255,255,.30);
  box-shadow:0 10px 28px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.17);
  text-shadow:0 2px 5px rgba(0,0,0,.55),0 7px 18px rgba(0,0,0,.24);
  backdrop-filter:blur(10px) saturate(1.08);
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
}
.otc-card h3{
  color:#0b3540;
  font-size:18px;
  line-height:1.75;
  font-weight:950;
  letter-spacing:-.45px;
  text-wrap:balance;
}

@media(max-width:900px){
  .otc-card-actions{grid-template-columns:1fr !important;gap:8px !important}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{min-height:45px;font-size:11.5px}
}
@media(max-width:720px){
  .otc-cover-name{font-size:19px;line-height:1.55;padding:6px 9px 7px}
  .otc-card h3{font-size:15px;line-height:1.7}
  .otc-action-icon{width:25px;height:25px;flex-basis:25px}
}
@media(max-width:390px){
  .otc-card-actions{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:7px !important}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{min-height:48px;padding:7px 5px;font-size:12px;gap:4px;white-space:normal;line-height:1.35}
  .otc-action-icon{width:23px;height:23px;flex-basis:23px;border-radius:7px}
  .otc-action-icon svg{width:13px;height:13px}
  .otc-cover-name{font-size:20px}
  .otc-card h3{font-size:16px}
}

/* Stable OTC readability fix — simple actions and unboxed Persian name v7 */
.otc-card-actions{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  gap:8px !important;
  width:100% !important;
  min-width:0 !important;
  padding-top:6px !important;
}
.otc-card-actions a.otc-info,
.otc-card-actions button.otc-availability{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:46px !important;
  padding:10px 14px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
  white-space:nowrap !important;
  font-size:13px !important;
  font-weight:850 !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
  transform:none !important;
}
.otc-card-actions a.otc-info::before,
.otc-card-actions button.otc-availability::before{display:none !important}
.otc-card-actions a.otc-info{
  color:#0f625c !important;
  background:#f3faf8 !important;
  border:1px solid #b9ddd7 !important;
  box-shadow:none !important;
}
.otc-card-actions button.otc-availability{
  color:#fff !important;
  background:#0f766e !important;
  border:1px solid #0f766e !important;
  box-shadow:none !important;
}
.otc-card-actions a.otc-info:hover{
  color:#0b5751 !important;
  background:#e8f6f2 !important;
  border-color:#82c8bd !important;
  transform:none !important;
  box-shadow:0 6px 14px rgba(15,118,110,.10) !important;
}
.otc-card-actions button.otc-availability:hover{
  color:#fff !important;
  background:#0b625c !important;
  border-color:#0b625c !important;
  transform:none !important;
  filter:none !important;
  box-shadow:0 7px 16px rgba(15,118,110,.18) !important;
}
.otc-action-icon{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  border-radius:7px !important;
  box-shadow:none !important;
}
.otc-action-icon svg{width:14px !important;height:14px !important;stroke-width:2 !important}
.otc-card-actions a.otc-info > span:last-child,
.otc-card-actions button.otc-availability > span:last-child{
  display:inline !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
}

.otc-product-visual{
  box-shadow:
    inset 0 -92px 76px -58px rgba(3,14,24,.62),
    inset 0 1px 0 rgba(255,255,255,.28),
    0 16px 34px color-mix(in srgb,var(--cover-a) 26%,transparent) !important;
}
.otc-cover-name{
  align-self:stretch !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1.5 !important;
  font-weight:950 !important;
  letter-spacing:-.55px !important;
  text-shadow:0 2px 3px rgba(0,0,0,.72),0 7px 22px rgba(0,0,0,.45) !important;
}
.otc-card h3{
  color:#123b44 !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.75 !important;
}
@media(max-width:720px){
  .otc-card-actions{display:flex !important;flex-direction:column !important;gap:7px !important}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{min-height:44px !important;font-size:12px !important;padding:9px 11px !important}
  .otc-cover-name{font-size:20px !important;line-height:1.55 !important}
  .otc-card h3{font-size:15.5px !important}
}
@media(max-width:390px){
  .otc-card-actions{display:flex !important;flex-direction:column !important;gap:7px !important}
  .otc-card-actions a.otc-info,
  .otc-card-actions button.otc-availability{min-height:43px !important;font-size:11.5px !important;white-space:nowrap !important}
  .otc-cover-name{font-size:19px !important}
}