:root{--ink:#15171a;--muted:#6b7280;--line:#e5e7eb;--soft:#f5f7f8;--brand:#e5482d;--brand-dark:#bd351f;--nav:#20252a;--nav2:#15191d;--blue:#1f5ea8;--green:#207a56;--white:#fff;--radius:14px;--shadow:0 12px 35px rgba(25,32,40,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topline{background:var(--nav2);color:#c9ced3;font-size:12px;padding:7px 0}.topline span{color:#8f979e}.header-main{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:22px 0}.logo{font-size:25px;font-weight:900;letter-spacing:-1.2px;line-height:.85;display:inline-flex;align-items:flex-end;position:relative;padding-bottom:7px}.logo span{color:var(--brand)}.logo small{position:absolute;font-size:7px;letter-spacing:2.3px;bottom:-2px;left:1px;color:#70757a}.global-search{display:flex;border:1px solid #d7dce0;border-radius:9px;overflow:hidden;background:white;max-width:620px}.global-search input{width:100%;border:0;padding:12px 15px;outline:none}.global-search button,.solution-search button,.hero-search button{border:0;background:var(--brand);color:white;font-weight:700;padding:0 20px;cursor:pointer}.ask-btn{background:#fff5f2;color:var(--brand-dark);border:1px solid #ffd7cc;padding:10px 15px;border-radius:9px;font-weight:800;font-size:14px}.main-nav{background:var(--nav)}.nav-inner{display:flex;gap:30px;min-height:45px;align-items:center}.nav-inner a{color:#eef0f2;font-size:14px;font-weight:700}.nav-inner a:hover{color:#ff9e89}.hero{background:linear-gradient(120deg,#f2f4f5 0,#fff 68%);border-bottom:1px solid var(--line);padding:62px 0}.hero-grid{display:grid;grid-template-columns:1.6fr .75fr;gap:70px;align-items:center}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.7px;color:var(--brand);display:block;margin-bottom:9px}.hero h1,.page-hero h1,.product-info h1,.problem-hero h1{font-size:clamp(36px,5vw,61px);line-height:1.02;letter-spacing:-2.4px;margin:0 0 20px}.hero p{font-size:18px;max-width:740px;color:#59616a}.hero-search{margin:27px 0 13px;display:flex;background:white;border:1px solid #d9dde0;border-radius:10px;box-shadow:0 10px 30px rgba(30,35,40,.06);overflow:hidden;max-width:680px}.hero-search input{flex:1;border:0;padding:16px 18px;outline:0}.hero-links{display:flex;gap:22px;font-size:13px;font-weight:800;color:var(--blue)}.hero-panel{background:var(--nav);border-radius:18px;padding:25px;box-shadow:var(--shadow);display:grid;gap:4px}.hero-panel strong{color:white;font-size:18px;margin-bottom:8px}.hero-panel a{color:#d9dde0;border-top:1px solid #343b42;padding:11px 2px}.hero-panel a:hover{color:white;padding-left:5px}.section{padding:56px 0}.section.alt{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.section-head.compact{margin-bottom:18px}.section-head h2{font-size:30px;letter-spacing:-1px;margin:0}.section-head>a{font-size:13px;color:var(--blue);font-weight:800}.brand-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.brand-grid.large{grid-template-columns:repeat(5,1fr)}.brand-card{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;display:grid;grid-template-columns:44px 1fr;column-gap:12px;align-items:center;transition:.18s}.brand-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cfd4d8}.brand-mark{grid-row:1/3;width:44px;height:44px;border-radius:10px;background:#f0f2f3;display:grid;place-items:center;font-weight:900;color:#343a40}.brand-card strong{font-size:15px}.brand-card span{font-size:12px;color:var(--muted)}.phone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.phone-card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;transition:.18s}.phone-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.phone-image{height:225px;background:linear-gradient(140deg,#f4f6f7,#fff);display:grid;place-items:center;position:relative}.phone-image img{height:190px;max-width:88%;object-fit:contain}.phone-placeholder,.big-placeholder{width:87px;height:173px;border:7px solid #25292d;border-radius:18px;background:linear-gradient(145deg,#dfe4e7,#fafafa);box-shadow:0 10px 18px rgba(0,0,0,.15);position:relative;display:grid;place-items:center}.phone-placeholder:before,.big-placeholder:before{content:"";position:absolute;top:6px;width:25px;height:4px;border-radius:5px;background:#4b5156}.phone-placeholder b,.big-placeholder b{font-size:24px;color:#697177}.status-badge{position:absolute;top:12px;left:12px;background:#222;color:white;padding:4px 7px;border-radius:5px;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.7px}.phone-card-body{padding:15px}.phone-card-body small{color:var(--muted);font-weight:700}.phone-card h3{font-size:17px;margin:3px 0 9px}.mini-specs{display:flex;gap:7px;flex-wrap:wrap}.mini-specs span{background:#f2f4f5;font-size:10px;padding:4px 7px;border-radius:5px;color:#586069}.card-price{margin-top:12px;border-top:1px solid var(--line);padding-top:10px;font-weight:900;color:var(--brand-dark)}.two-col{display:grid;grid-template-columns:1fr .8fr;gap:42px}.rank-list{border-top:1px solid var(--line)}.rank-list>a{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.rank-list>b{color:#a6adb4;font-size:20px}.rank-list span{display:flex;flex-direction:column}.rank-list small{color:var(--muted)}.rank-list em{font-style:normal;font-weight:800;color:var(--brand-dark)}.expert-box{background:linear-gradient(135deg,#20252a,#303940);padding:38px;border-radius:18px;color:#fff}.expert-box h2{font-size:34px;line-height:1.08;margin:9px 0 15px}.expert-box p{color:#c8ced4}.expert-box .text-link{display:block;margin-top:18px;font-weight:800;font-size:13px;color:#ffab98}.primary-btn,.secondary-btn{display:inline-block;border:0;border-radius:8px;padding:11px 16px;font-weight:800;cursor:pointer}.primary-btn{background:var(--brand);color:#fff}.primary-btn:hover{background:var(--brand-dark)}.primary-btn.light{background:#fff;color:var(--brand-dark)}.secondary-btn{background:#eef1f3;color:#2c3339}.primary-btn.full{width:100%;text-align:center}.page-hero{background:#f4f6f7;border-bottom:1px solid var(--line);padding:48px 0}.page-hero.slim{padding:35px 0}.page-hero h1{font-size:44px;margin-bottom:10px}.page-hero p{max-width:760px;color:var(--muted);margin:0}.page-hero a{color:var(--blue);font-weight:700}.breadcrumb{font-size:12px;color:#7d858d;margin-bottom:16px}.finder-layout{display:grid;grid-template-columns:245px 1fr;gap:28px}.filters{border:1px solid var(--line);border-radius:13px;padding:18px;align-self:start;position:sticky;top:15px}.filters form,.form-stack{display:grid;gap:15px}label{font-size:13px;font-weight:800;display:grid;gap:6px}label small{font-weight:500;color:var(--muted)}input,select,textarea{width:100%;border:1px solid #d4d9dd;border-radius:7px;padding:10px 11px;background:#fff;outline:none;color:#222}input:focus,select:focus,textarea:focus{border-color:#919aa3;box-shadow:0 0 0 3px rgba(70,85,100,.08)}textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-row.three{grid-template-columns:repeat(3,1fr)}.check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px}.check input{width:auto}.reset-link{display:block;text-align:center;font-size:12px;color:var(--muted)}.results-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.results-head span{font-size:12px;color:var(--muted)}.empty-state{border:1px dashed #ccd2d7;border-radius:14px;padding:50px;text-align:center;background:#fafbfb}.pagination-wrap{margin-top:30px;display:flex;justify-content:center;align-items:center;gap:15px}.pagination-wrap a,.pagination-wrap span{border:1px solid var(--line);padding:8px 13px;border-radius:7px;font-size:13px}.pagination-wrap .disabled{opacity:.45}.product-head{background:#f7f8f9;border-bottom:1px solid var(--line);padding:28px 0 40px}.product-grid{display:grid;grid-template-columns:310px 1fr;gap:46px;align-items:center}.product-image{height:380px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:16px}.product-image img{max-height:335px;object-fit:contain}.big-placeholder{width:140px;height:280px;border-width:10px;border-radius:28px}.big-placeholder b{font-size:42px}.product-info h1{font-size:48px;margin:3px 0 8px}.product-info>p{color:var(--muted);margin-top:0}.price-panel{background:white;border-left:4px solid var(--brand);border-radius:8px;padding:13px 16px;margin:18px 0;display:grid}.price-panel span,.price-panel small{color:var(--muted);font-size:11px}.price-panel strong{font-size:25px;color:var(--brand-dark)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.quick-grid div{padding:12px;border-right:1px solid var(--line);display:grid}.quick-grid div:last-child{border:0}.quick-grid span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800}.quick-grid b{font-size:13px}.quick-grid small{font-size:10px;color:var(--muted)}.product-actions{display:flex;gap:10px;margin-top:18px}.detail-layout{display:grid;grid-template-columns:1fr 315px;gap:28px;align-items:start}.content-card,.side-card{border:1px solid var(--line);border-radius:14px;background:white;padding:24px;margin-bottom:22px}.spec-section{display:grid;grid-template-columns:125px 1fr;border-top:1px solid var(--line)}.spec-section h3{font-size:13px;color:var(--brand-dark);text-transform:uppercase;margin:0;padding:15px 10px 15px 0}.spec-table>div{display:grid;grid-template-columns:160px 1fr;border-bottom:1px solid #edf0f1;padding:11px}.spec-table>div:last-child{border-bottom:0}.spec-table span{font-size:12px;color:var(--muted)}.spec-table strong{font-size:13px;font-weight:650}.side-card{padding:18px}.side-card h3{margin:0 0 12px}.price-row,.related-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:11px 0}.price-row div{display:grid}.price-row span{font-size:11px;color:var(--muted)}.price-row>b{color:var(--brand-dark)}.price-note{font-size:10px;color:var(--muted);padding-top:8px}.related-row{font-size:12px}.expert-mini{background:#f2f7fb}.expert-mini p{font-size:13px;color:#59636d}.expert-mini a{font-weight:800;color:var(--blue);font-size:13px}.comment-form{background:#f7f8f9;border-radius:10px;padding:17px;display:grid;gap:13px}.comment-list article{padding:18px 0;border-bottom:1px solid var(--line)}.comment-list article>div{display:flex;justify-content:space-between}.comment-list time{font-size:11px;color:var(--muted)}.comment-list p{margin-bottom:0}.muted{color:var(--muted)}.compare-picker{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:10px;align-items:end;margin-bottom:25px}.compare-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px}.compare-table{border-collapse:collapse;width:100%;min-width:800px}.compare-table th,.compare-table td{padding:13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.compare-table th{background:#f5f7f8}.compare-table th:first-child,.compare-table td:first-child{width:180px;color:var(--muted);font-size:12px}.compare-table td{font-size:13px}.compare-price{color:var(--brand-dark);font-size:13px;margin-top:7px}.problem-hero{background:linear-gradient(125deg,#18232d,#24445a);color:white;padding:55px 0}.problem-hero-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.problem-hero h1{font-size:48px;max-width:720px}.problem-hero p{color:#c4d0d8}.solution-search{display:flex;max-width:850px;margin:0 auto 30px;border:1px solid #cfd5da;border-radius:10px;overflow:hidden}.solution-search input{border:0;border-radius:0;padding:14px}.question-list{display:grid;gap:12px;max-width:900px;margin:auto}.question-list article{border:1px solid var(--line);border-radius:12px;padding:20px}.q-meta,.q-footer{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.q-meta a{color:var(--blue);font-weight:800}.question-list h2{font-size:20px;margin:8px 0}.question-list p{color:#59616a}.q-footer a{color:var(--blue);font-weight:800}.answer-count{color:var(--green);font-weight:800}.narrow{max-width:820px}.question-detail,.expert-answer,.waiting-answer,.help-cta{border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:18px}.question-author,.expert-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar,.expert-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#edf0f2;font-weight:900}.question-author div:last-child,.expert-head div:last-child{display:grid}.question-author span,.expert-head span{font-size:11px;color:var(--muted)}.expert-answer{border-color:#bcdccc;background:#f5fbf7}.expert-icon{background:#d6f0e1;color:var(--green)}.answer-body{font-size:15px}.waiting-answer{background:#fffaf0}.help-cta{display:flex;align-items:center;justify-content:space-between}.help-cta div{display:grid}.login-wrap{display:grid;place-items:center;min-height:510px}.login-card{width:min(430px,100%);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:var(--shadow);display:grid;gap:15px}.login-card h1{margin:0 0 10px;font-size:34px}.flash{margin-top:16px;padding:12px 15px;border-radius:8px;font-size:13px}.flash.success{background:#eaf7ef;color:#176c43}.flash.error{background:#fff0ed;color:#a33a25}.site-footer{background:#171b1f;color:#c7ccd0;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:grid;align-content:start;gap:8px}.footer-grid p{max-width:480px;color:#8f989f;font-size:13px}.footer-grid a{font-size:13px;color:#adb4ba}.footer-grid strong{color:white;margin-bottom:5px}.footer-logo{color:#fff;width:max-content}.footer-bottom{border-top:1px solid #30363b;margin-top:30px;padding-top:18px;color:#747d84;font-size:11px}
/* Admin */.admin-body{background:#f2f4f5}.admin-shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.admin-sidebar{background:#1e2429;color:#dfe3e6;padding:25px 18px;position:sticky;top:0;height:100vh}.admin-logo{color:white;margin:0 8px 35px}.admin-sidebar nav{display:grid;gap:3px}.admin-sidebar nav a,.link-button{display:block;padding:10px 11px;border-radius:7px;font-size:13px;color:#c7cdd1}.admin-sidebar nav a:hover{background:#30383e;color:#fff}.link-button{background:none;border:0;width:100%;text-align:left;margin-top:20px;cursor:pointer}.admin-main{padding:0 28px 50px;min-width:0}.admin-top{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0e3;margin-bottom:24px}.admin-top span{font-size:12px;color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.admin-stats>div,.admin-card{background:#fff;border:1px solid #dfe3e6;border-radius:11px;padding:19px}.admin-stats span{font-size:11px;color:var(--muted);text-transform:uppercase;font-weight:800}.admin-stats strong{display:block;font-size:30px}.admin-card{margin-bottom:20px}.admin-card h2{margin:0 0 16px;font-size:19px}.admin-card-head,.admin-actions{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.admin-card-head h2{margin:0}.table-wrap{overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:680px}.table-wrap th,.table-wrap td{text-align:left;padding:11px 10px;border-bottom:1px solid #e7eaec;font-size:12px;vertical-align:top}.table-wrap th{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#757e86}.table-wrap a{color:var(--blue);font-weight:800}.wide-cell{max-width:430px}.pill{background:#eef1f3;border-radius:999px;padding:3px 7px;font-size:10px;text-transform:uppercase}.admin-actions .primary-btn{color:#fff}.admin-search{display:flex}.admin-search input{border-radius:7px 0 0 7px}.admin-search button,.inline-form button,.align-end button{border:0;background:#293139;color:white;padding:9px 12px;border-radius:0 7px 7px 0;cursor:pointer}.inline-form{display:flex;margin-bottom:5px}.inline-form select{padding:5px}.inline-form .danger-link{background:none;color:#a53d2d;padding:3px}.help-text{font-size:12px;color:var(--muted);margin-top:-7px}.code-area{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6}.checks{display:flex;align-items:center;gap:14px}.danger-zone{border:1px solid #f0c8c0;background:#fff7f5;padding:13px;border-radius:9px;width:max-content}.danger-zone button{border:0;background:none;color:#a53522;font-weight:800;cursor:pointer}.question-admin-body,.admin-answer{background:#f6f7f8;border-radius:8px;padding:14px;margin:12px 0}.admin-answer small{display:block;color:var(--muted)}.align-end{align-items:end}
@media(max-width:1000px){.brand-grid,.brand-grid.large{grid-template-columns:repeat(3,1fr)}.phone-grid{grid-template-columns:repeat(3,1fr)}.hero-grid,.two-col{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.product-grid{grid-template-columns:260px 1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.compare-picker{grid-template-columns:repeat(3,1fr)}.compare-picker button{grid-column:1/-1}.admin-shell{grid-template-columns:190px 1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 22px,1180px)}.topline{display:none}.header-main{grid-template-columns:1fr auto;gap:12px;padding:15px 0}.global-search{grid-column:1/-1;grid-row:2}.ask-btn{font-size:12px}.nav-inner{gap:18px;overflow:auto;white-space:nowrap}.hero{padding:38px 0}.hero h1{font-size:41px}.hero-grid{gap:30px}.brand-grid,.brand-grid.large{grid-template-columns:repeat(2,1fr)}.phone-grid{grid-template-columns:repeat(2,1fr)}.phone-image{height:190px}.phone-placeholder{height:145px;width:72px}.section{padding:38px 0}.section-head h2{font-size:25px}.finder-layout{grid-template-columns:1fr}.filters{position:static}.product-grid{grid-template-columns:1fr}.product-image{height:300px}.product-info h1{font-size:38px}.detail-layout{display:block}.spec-section{grid-template-columns:1fr}.spec-section h3{padding-bottom:5px}.spec-table>div{grid-template-columns:120px 1fr;padding-left:0}.problem-hero-grid{grid-template-columns:1fr}.problem-hero h1{font-size:38px}.field-row,.field-row.three{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{grid-template-columns:repeat(2,1fr)}.admin-main{padding:0 12px 35px}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.phone-grid{grid-template-columns:1fr 1fr;gap:9px}.phone-card-body{padding:11px}.phone-card h3{font-size:14px}.mini-specs{display:none}.phone-image{height:165px}.brand-card{grid-template-columns:36px 1fr;padding:12px}.brand-mark{width:36px;height:36px}.hero-links{display:grid;gap:7px}.quick-grid{grid-template-columns:1fr 1fr}.product-actions{display:grid}.results-head{display:grid;gap:5px}.help-cta{display:grid;gap:15px}.compare-picker{grid-template-columns:1fr}.compare-picker button{grid-column:auto}.admin-stats{grid-template-columns:1fr 1fr}}
/* Legacy catalogue image layout */
.product-media{display:grid;gap:12px;align-self:start}
.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.product-gallery a{height:66px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;overflow:hidden}
.product-gallery img{width:100%;height:100%;object-fit:contain;padding:4px}
@media(max-width:760px){.product-media{max-width:430px;margin:auto;width:100%}.product-gallery{grid-template-columns:repeat(5,1fr)}.product-gallery a{height:60px}}
@media(max-width:480px){.product-gallery{grid-template-columns:repeat(4,1fr)}}

/* ========================================================================
   Phone detail gallery — compact main image + horizontal thumbnail strip
   ======================================================================== */
.product-head{
    padding:28px 0 44px;
}
.product-grid{
    grid-template-columns:minmax(320px,380px) minmax(0,1fr);
    gap:52px;
    align-items:start;
}
.product-media{
    min-width:0;
}
.product-image-wrap{
    width:100%;
}
.product-image{
    width:100%;
    height:410px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    display:grid;
    place-items:center;
    overflow:hidden;
    box-shadow:0 10px 28px rgba(25,32,40,.045);
}
.product-main-link{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
}
.product-image img{
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    padding:0;
}
.product-gallery-bar{
    margin-top:12px;
}
.product-gallery{
    display:flex;
    gap:9px;
    width:100%;
    overflow-x:auto;
    padding:2px 2px 7px;
    scrollbar-width:thin;
    overscroll-behavior-inline:contain;
}
.product-thumb{
    flex:0 0 70px;
    width:70px;
    height:70px;
    padding:5px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    display:grid;
    place-items:center;
    cursor:pointer;
    transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.product-thumb:hover{
    border-color:#b9c0c6;
    transform:translateY(-1px);
}
.product-thumb.is-active{
    border-color:var(--brand);
    box-shadow:0 0 0 2px rgba(229,72,45,.13);
}
.product-thumb img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:0;
}
.gallery-count{
    margin-top:3px;
    color:var(--muted);
    font-size:11px;
}
.product-info{
    min-width:0;
    padding-top:28px;
}
.product-info h1{
    margin-top:2px;
}

@media(max-width:1000px){
    .product-grid{
        grid-template-columns:minmax(270px,330px) minmax(0,1fr);
        gap:34px;
    }
    .product-image{
        height:360px;
        padding:20px;
    }
    .product-info{
        padding-top:18px;
    }
}

@media(max-width:760px){
    .product-grid{
        grid-template-columns:1fr;
        gap:26px;
    }
    .product-media{
        width:100%;
        max-width:470px;
        margin:0 auto;
    }
    .product-image{
        height:370px;
    }
    .product-info{
        padding-top:0;
    }
    .product-thumb{
        flex-basis:64px;
        width:64px;
        height:64px;
    }
}

@media(max-width:480px){
    .product-head{
        padding-bottom:32px;
    }
    .product-image{
        height:310px;
        padding:16px;
        border-radius:14px;
    }
    .product-thumb{
        flex-basis:58px;
        width:58px;
        height:58px;
        border-radius:8px;
    }
}