/*
Theme Name: صبح نو
Theme URI: 
Author: تیم صبح نو
Description: تم اختصاصی وردپرس برای رویداد صبح نو — بدون پیج‌بیلدر برای بخش‌های داده‌محور، سازگار با Elementor برای صفحات محتوایی.
Version: 0.1.0
Text Domain: sobhno
*/

/* ===================================================
   سیستم طراحی صبح نو
   (همون توکن‌ها و کامپوننت‌هایی که در پیش‌نمایش HTML تایید شد)
   =================================================== */

:root{
  --ink:#EDF1F4;
  --muted:#9DACB8;
  --faint:#6C7B88;
  --paper:#11161C;
  --card:#1A2129;
  --line:#2B333C;
  --blue:#3FA9E0;
  --blue-deep:#7CC4EE;
  --blue-tint:#152631;
  --yellow:#F5C518;
  --yellow-deep:#F5C518;
  --yellow-tint:#33290E;
  --sun-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='none' stroke='%23F5C518' stroke-width='6' stroke-linecap='round'%3E%3Cpath d='M50 26 C64 26 74 36 73 50 C72 64 62 74 49 73 C36 72 27 62 28 49 C29 37 38 27 50 26 Z'/%3E%3Cline x1='50' y1='4' x2='48' y2='16'/%3E%3Cline x1='50' y1='96' x2='52' y2='84'/%3E%3Cline x1='4' y1='49' x2='16' y2='51'/%3E%3Cline x1='96' y1='51' x2='84' y2='49'/%3E%3Cline x1='18' y1='18' x2='27' y2='28'/%3E%3Cline x1='82' y1='82' x2='73' y2='72'/%3E%3Cline x1='82' y1='18' x2='72' y2='27'/%3E%3Cline x1='18' y1='82' x2='28' y2='73'/%3E%3C/g%3E%3C/svg%3E");
  --hero-overlay:linear-gradient(180deg,rgba(17,22,28,.5),rgba(17,22,28,.88));
  --dark-surface:#05070A;
  --danger:#FF6B6B;
}

/* ---------- حالت روشن (اختیاری، با دکمه فعال می‌شه) ---------- */
html[data-theme="light"]{
  --ink:#1A2733;
  --muted:#5A7184;
  --faint:#8B9AA8;
  --paper:#F1ECE1;
  --card:#FAF8F3;
  --line:#E1D8C4;
  --blue:#0D7DB5;
  --blue-deep:#0A5F8A;
  --blue-tint:#EAF5FB;
  --yellow-deep:#B98900;
  --yellow-tint:#FFF6DC;
  --hero-overlay:linear-gradient(180deg,rgba(251,249,244,.55),rgba(251,249,244,.92));
  --dark-surface:#1A2733;
  --danger:#C62828;
}
*{box-sizing:border-box}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:'Vazirmatn',Tahoma,Arial,sans-serif;
  line-height:1.9;
  font-size:15.5px;
}
a{color:inherit}
.container{max-width:1080px;margin:0 auto;padding:0 6%}

.horizon{position:relative;height:1px;background:var(--line);margin:40px 0}
.horizon:before{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:var(--sun-icon) center/contain no-repeat}
.horizon.tight{margin:22px 0}

.masthead{background:var(--paper);padding-top:22px}
.masthead-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;position:relative}
.masthead-right{display:flex;align-items:center;gap:20px;flex:1;justify-content:space-between}
.hamburger-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;flex:none;padding:0}
.hamburger-btn span{display:block;width:16px;height:2px;background:var(--ink);margin:0 auto;border-radius:2px}
.logo{display:flex;align-items:center;gap:9px;font-weight:900;font-size:21px;letter-spacing:-.3px;text-decoration:none;color:var(--ink);flex:none}
.sun{width:20px;height:20px;background:var(--sun-icon) center/contain no-repeat;flex:none}
.sun-large{width:110px;height:110px;background:var(--sun-icon) center/contain no-repeat;margin-bottom:10px}
.kicker-date{color:var(--muted);font-size:13px;font-weight:600;letter-spacing:.2px}
.masthead-nav{display:flex;align-items:center;justify-content:center;gap:0;flex:1;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.masthead-nav a{text-decoration:none;color:var(--muted);font-size:14px;font-weight:600;padding:0 18px;border-left:1px solid var(--line);position:relative;transition:color .15s ease}
.masthead-nav li:first-child a{border-left:none;padding-right:0}
.masthead-nav li:last-child a{border-left:none}
.masthead-nav a:after{content:"";position:absolute;bottom:-15px;right:18px;left:18px;height:2px;background:var(--yellow);transform:scaleX(0);transition:transform .18s ease;transform-origin:right}
.masthead-nav li.current-menu-item a,.masthead-nav a:hover{color:var(--ink)}
.masthead-nav li.current-menu-item a:after,.masthead-nav a:hover:after{transform:scaleX(1)}

.header-profile{flex:none;display:flex;align-items:center;gap:12px}
.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0;color:var(--ink);transition:transform .15s ease,background .15s ease}
.icon-btn:hover{transform:scale(1.08)}
.icon-btn svg{width:17px;height:17px}
.theme-toggle{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;padding:0;transition:transform .15s ease,background .15s ease}
.theme-toggle:hover{transform:scale(1.08)}
.theme-toggle .sun{width:17px;height:17px}
.profile-dropdown{position:relative}
.profile-chip{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}
.profile-dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 30px rgba(0,0,0,.15);min-width:160px;overflow:hidden;z-index:60}
.profile-dropdown-menu.is-open{display:block}
.profile-dropdown-menu a{display:block;padding:12px 16px;font-size:13.5px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.profile-dropdown-menu a:last-child{border-bottom:none}
.profile-dropdown-menu a:hover{background:var(--paper)}
.profile-chip{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px}
.profile-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--blue-tint);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex:none}
.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%}

.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:8px;font-weight:800;font-size:14.5px;text-decoration:none;border:1px solid transparent;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;font-family:inherit;cursor:pointer}
.btn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow);transition:transform .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(26,39,51,.15)}
.btn:hover:before{transform:scale(1.4)}
.btn-primary{background:var(--ink);color:var(--paper)}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-outline:before{background:var(--blue)}
.btn-sm{padding:8px 16px;font-size:13px;border-radius:7px}

.eyebrow{display:inline-block;color:var(--blue-deep);font-weight:800;font-size:12.5px;letter-spacing:.3px;margin-bottom:10px;position:relative;padding-right:16px}
.eyebrow:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:var(--yellow)}

h1,h2,h3{margin:0;font-weight:900;letter-spacing:-.4px}
h1{font-size:44px;line-height:1.35}
h2{font-size:25px}
h3{font-size:17px}
p{margin:0 0 12px;color:var(--ink)}
.lead{font-size:17.5px;color:var(--muted);max-width:520px}
.section{padding:30px 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.section-head a{font-size:13.5px;font-weight:800;color:var(--blue-deep);text-decoration:none}

.pull{border-right:2px solid var(--yellow);padding-right:20px;font-size:19px;color:var(--ink);max-width:600px}

.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;transition:transform .18s ease, box-shadow .18s ease}
.band-dark{background:var(--dark-surface);color:#fff;border-radius:20px;padding:44px 6%}
.band-dark p{color:rgba(255,255,255,.82)}
.band-dark .eyebrow{color:var(--yellow)}
.band-dark .eyebrow:before{background:var(--yellow)}
.band-yellow{background:var(--yellow-tint);border-radius:16px;padding:44px 40px;border:1px solid #f0e1ab}

.ticket{display:flex;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s ease, box-shadow .2s ease}
.ticket:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(26,39,51,.08)}
.ticket-main{flex:1;padding:26px 28px;display:flex;flex-direction:column;gap:6px;justify-content:center;position:relative;overflow:hidden}
.ticket-bignum{position:absolute;left:18px;bottom:-22px;font-size:96px;font-weight:900;color:var(--blue);opacity:.07;line-height:1;pointer-events:none}
.ticket-num{color:var(--blue-deep);font-weight:900;font-size:13px;letter-spacing:.3px;margin-bottom:2px;position:relative}
.ticket-title{font-size:20px;font-weight:900;position:relative}
.ticket-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:13.5px;margin-top:6px;position:relative}
.ticket-stub{position:relative;width:200px;flex:none;background:var(--blue-tint);border-right:1px dashed #b9d8e6;padding:26px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center}
.ticket-stub:before,.ticket-stub:after{content:"";position:absolute;right:-9px;width:18px;height:18px;border-radius:50%;background:var(--paper)}
.ticket-stub:before{top:-9px}
.ticket-stub:after{bottom:-9px}
.ticket-stub .seats{font-size:12px;color:var(--blue-deep)}
.ticket-stub .seats b{display:block;font-size:19px;color:var(--blue-deep);font-weight:900}
.ticket-past .ticket-stub{background:#f2eee3;border-right-color:#ddd4bd}
.ticket-past .ticket-stub .seats,.ticket-past .ticket-stub .seats b{color:var(--muted)}

.stat-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.stat{padding:24px 18px;text-align:center;border-left:1px solid var(--line)}
.stat:last-child{border-left:none}
.stat .num{font-size:28px;font-weight:900;color:var(--blue-deep)}
.stat .label{color:var(--muted);font-size:12.5px;margin-top:4px}

.index-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.index-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.index-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);display:block;text-align:center;padding:22px 14px 18px;transition:transform .18s ease, box-shadow .18s ease}
.index-card:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(26,39,51,.1)}
.index-photo{width:98px;height:98px;border-radius:22px;margin:0 auto 14px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:20px;background:var(--blue);flex:none;position:relative}
.index-grid > a:nth-child(3n+2) .index-photo,.index-grid > div:nth-child(3n+2) .index-photo{background:var(--blue-deep)}
.index-grid > a:nth-child(3n+3) .index-photo,.index-grid > div:nth-child(3n+3) .index-photo{background:var(--yellow-deep);color:var(--dark-surface)}
.index-body{padding:0}
.index-body .name{font-weight:800;font-size:14.5px}
.index-body .role{color:var(--muted);font-size:12.5px;margin-top:2px}
.index-body .field{display:inline-block;margin-top:8px;font-size:11px;color:var(--blue-deep);background:var(--blue-tint);padding:3px 9px;border-radius:6px;font-weight:700}
.inline-logo{display:inline-block;vertical-align:middle;height:22px;width:auto;object-fit:contain;border-radius:5px;margin-inline-end:7px}

.members-slider{position:relative}
.members-slider-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.members-slider-track::-webkit-scrollbar{display:none}
.members-slider-track .index-card{scroll-snap-align:start;flex:0 0 200px}

.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;color:var(--ink);cursor:pointer;z-index:2;box-shadow:0 6px 16px rgba(26,39,51,.08);transition:background .15s ease}
.slider-arrow:hover{background:var(--blue-tint)}
.slider-arrow-prev{right:-8px}
.slider-arrow-next{left:-8px}

.media-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}
.media-tile{border-radius:12px;min-height:150px;border:1px solid var(--line);background:repeating-linear-gradient(135deg, rgba(255,255,255,.5) 0 2px, transparent 2px 9px),linear-gradient(135deg,var(--blue-tint),#e2eff5);display:flex;flex-direction:column;justify-content:flex-end;padding:16px;transition:transform .18s ease, box-shadow .18s ease}
.media-tile:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(26,39,51,.1)}
.media-tile.tall{min-height:314px;grid-row:span 2}
.media-tile.gold{background:repeating-linear-gradient(135deg, rgba(255,255,255,.5) 0 2px, transparent 2px 9px),linear-gradient(135deg,var(--yellow-tint),#fbe9b8)}
.media-tag{font-size:11px;font-weight:800;color:var(--blue-deep);margin-bottom:4px}
.media-tile.gold .media-tag{color:var(--yellow-deep)}
.media-cap{font-size:13.5px;font-weight:700}

.tag{display:inline-block;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:6px;background:var(--blue-tint);color:var(--blue-deep)}
.tag.muted{background:#f0ede2;color:var(--muted)}

footer.site-footer{margin-top:60px;border-top:1px solid var(--line);padding:40px 0 26px}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:start}
.footer-brand{font-weight:900;font-size:17px;margin-bottom:6px;display:flex;align-items:center;gap:8px}
.footer-col h4{font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:800}
.footer-col a{display:block;text-decoration:none;color:var(--muted);font-size:13.5px;margin-bottom:8px}
.footer-col a:hover{color:var(--blue)}
.footer-col .footer-social-link{display:flex;align-items:center;gap:8px}
.footer-social-icon{width:18px;height:18px;flex:none}
.footer-bottom{color:var(--faint);font-size:12.5px;margin-top:24px;text-align:center}

.page-content{padding:56px 0}

/* ---------- قاب مشترک برای هم‌ترازی عرض همه‌ی سکشن‌ها (هرو، بلیت، اعضا، مقالات، باند تیره) ---------- */
/* .frame-section فقط عرض/بلید رو یکسان می‌کنه؛ پدینگ و ظاهر با کلاس‌های زیر تعیین می‌شه */
.frame-section{margin:0 -6%}
.frame-subtle{border:1px solid var(--line);background:var(--card);box-shadow:0 10px 30px rgba(26,39,51,.03);border-radius:20px;padding:40px 6%}

/* ---------- فرم‌ها ---------- */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-bottom:6px}
input:not(.otp-box),textarea,select{
  width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:9px;
  font-family:inherit;font-size:14.5px;background:var(--card);color:var(--ink);margin-bottom:16px;
  transition:border-color .15s ease;
}
input:not(.otp-box):focus,textarea:focus,select:focus{outline:none;border-color:var(--blue)}
input:not(.otp-box)::placeholder,textarea::placeholder{color:var(--faint)}
input.field-error,select.field-error,textarea.field-error{border-color:var(--danger) !important}
.required-star{color:var(--danger);margin-right:2px}

/* ---------- دو-ستونه‌ی صفحه‌ی رویداد ---------- */
.event-layout{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.event-main{min-width:0}
.event-side{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}

.info-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px}
.info-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.info-row:last-child{border-bottom:none}
.info-label{color:var(--muted)}
.info-value{font-weight:700;text-align:left}

.buy-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px}
.buy-card .price-row{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);margin-bottom:8px}
.buy-card .price-row b{color:var(--ink)}
.buy-card hr{border:none;border-top:1px solid var(--line);margin:14px 0}

/* ---------- مودال ثبت‌نام ---------- */
.sobhno-modal-backdrop{position:fixed;inset:0;background:rgba(26,39,51,.55);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}
.sobhno-modal-backdrop[hidden]{display:none}
.sobhno-modal{background:var(--card);border-radius:18px;padding:32px 28px;max-width:380px;width:100%;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.22)}
.sobhno-modal-sun{width:40px;height:40px;background:var(--sun-icon) center/contain no-repeat;margin-bottom:10px}
.sobhno-modal h3{font-size:19px;margin-bottom:16px}
.sobhno-modal label{margin-top:4px}
.sobhno-modal-close{position:absolute;top:14px;left:14px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--muted);line-height:1;width:30px;height:30px;border-radius:50%;transition:background .15s ease}
.sobhno-modal-close:hover{background:#f2efe6}
.sobhno-modal-error{background:var(--yellow-tint);color:var(--yellow-deep);padding:10px 12px;border-radius:8px;font-size:13px;margin-top:14px;font-weight:700}
.sobhno-modal-hint{background:var(--blue-tint);color:var(--blue-deep);padding:10px 12px;border-radius:8px;font-size:13px;margin-top:14px;font-weight:700}
.modal-link-btn{background:none;border:none;color:var(--blue-deep);font-size:13px;font-weight:700;cursor:pointer;margin-top:12px;padding:0;text-decoration:underline}

/* ---------- مودال جستجوی سریع سربرگ ---------- */
.sobhno-search-backdrop{align-items:flex-start;padding-top:10vh}
.sobhno-search-modal{max-width:480px;max-height:76vh;display:flex;flex-direction:column}
.sobhno-search-modal #sobhno-search-input{margin-bottom:14px;flex:none}
.sobhno-search-results{overflow-y:auto;flex:1;margin:0 -6px;padding:0 6px}
.sobhno-search-group + .sobhno-search-group{margin-top:16px}
.sobhno-search-group-label{font-size:11.5px;font-weight:800;color:var(--muted);margin-bottom:6px}
.sobhno-search-result{display:block;padding:9px 10px;border-radius:9px;text-decoration:none;color:var(--ink);font-size:14px;transition:background .15s ease}
.sobhno-search-result:hover{background:var(--paper)}
.sobhno-search-empty{color:var(--muted);font-size:13.5px;text-align:center;padding:20px 0;margin:0}

.otp-boxes{display:flex;gap:9px;justify-content:center;margin:16px 0 6px}
.otp-box{width:52px;height:60px;text-align:center;font-size:24px;font-weight:900;border:1.5px solid var(--line);border-radius:10px;padding:0;margin:0;color:var(--ink);background:var(--card);transition:border-color .15s ease}
.otp-box:focus{outline:none;border-color:var(--blue)}

@media(max-width:860px){
  .event-layout{grid-template-columns:1fr}
  .event-side{position:static}
  .field-row{grid-template-columns:1fr}
  h1{font-size:30px}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .stat{border-bottom:1px solid var(--line)}
  .index-grid{grid-template-columns:repeat(2,1fr)}
  .index-grid.cols-3{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .media-grid{grid-template-columns:1fr}
  .media-tile.tall{grid-row:auto}
  .ticket{flex-direction:column}
  .ticket-stub{width:100%;border-right:none;border-top:1px dashed #b9d8e6}
  .ticket-stub:before,.ticket-stub:after{right:auto;left:50%;top:auto;transform:translateX(50%)}
  .ticket-stub:before{top:-9px}
  .ticket-stub:after{bottom:-9px}
  .masthead-row{gap:12px}
  .hamburger-btn{display:flex}
  .masthead-right{display:none;position:absolute;top:100%;right:0;left:0;background:var(--paper);border:1px solid var(--line);border-top:none;flex-direction:column;align-items:stretch;gap:0;padding:8px 6% 16px;z-index:50;box-shadow:0 16px 30px rgba(0,0,0,.18);border-radius:0 0 16px 16px}
  .masthead-right.is-open{display:flex}
  .masthead-nav{flex-direction:column;overflow-x:visible;border-top:none;margin-top:0;padding-top:6px;flex-basis:auto;order:0;align-items:stretch}
  .masthead-nav li{width:100%}
  .masthead-nav a{display:block;padding:13px 0;border-left:none;border-bottom:1px solid var(--line)}
  .masthead-nav li:last-child a{border-bottom:none}
  .masthead-nav a:after{display:none}
  .header-profile{padding:14px 0 0;justify-content:flex-start}
  .about-cols{grid-template-columns:1fr !important}
  .slider-arrow{display:none}
}

@media(max-width:520px){
  .container{padding:0 5%}
  h1{font-size:25px}
  .lead,.pull{font-size:15px}
  .sun-large{width:80px;height:80px}
  .frame-section{margin:0 -5%}
  .ticket-bignum{font-size:64px}
  .ticket-main{padding:20px}
  .index-grid,.index-grid.cols-3{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
  .index-card{padding:16px 10px 14px}
  .index-photo{width:78px;height:78px;border-radius:18px;margin-bottom:10px}
  .index-body{padding:0}
  .index-body .name{font-size:12.5px}
  .index-body .role{font-size:11px}
  .index-body .field{font-size:10px;padding:2px 7px;margin-top:5px}
  .stat-row{grid-template-columns:repeat(2,1fr)}
  .stat{padding:16px 10px}
  .stat .num{font-size:22px}
  .band-dark,.buy-card,.info-card,.card{padding:24px 20px}
  .header-profile{gap:8px}
  .profile-name{display:none}
  .logo{font-size:18px}
  .kicker-date{display:none}
  .sobhno-modal{padding:24px 20px}
  .sobhno-search-backdrop{padding-top:6vh}
  .otp-box{width:15%;min-width:38px;height:48px;font-size:19px}
  .otp-boxes{gap:6px}
}