@charset "utf-8";
/* OKRVV Pro shop skin — industrial minimalism tokens + sp-* components */
:root{
	--sp-ink:#1a1d21;
	--sp-ink-2:#5f6b76;
	--sp-ink-3:#9aa4ae;
	--sp-bg:#ffffff;
	--sp-bg-2:#f6f7f9;
	--sp-line:#e8eaee;
	--sp-accent:#ea580c;
	--sp-accent-dark:#c2470a;
	--sp-radius:6px;
	--sp-gap:24px;
	--sp-s:8px;
	--sp-m:16px;
	--sp-l:32px;
	--sp-xl:64px;
	--sp-max:1200px;
	--sp-fs-display:clamp(28px,4vw,44px);
	--sp-fs-h2:clamp(20px,2.4vw,26px);
	--sp-fs-body:15px;
	--sp-fs-small:13px;
	--sp-shadow:0 1px 2px rgba(26,29,33,.06),0 8px 24px rgba(26,29,33,.08);
}
*{box-sizing:border-box;}
body{margin:0;background:var(--sp-bg);color:var(--sp-ink);font:var(--sp-fs-body)/1.65 "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{border:0;max-width:100%;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,p{margin:0;}
.sp-wrap{max-width:var(--sp-max);margin:0 auto;padding:0 var(--sp-l);width:100%;}

/* brand */
.sp-brand{display:flex;align-items:center;gap:var(--sp-m);padding:var(--sp-l) 0 var(--sp-m);}
.sp-brand .logo img{max-height:64px;display:block;}
.sp-brand h1{font-size:clamp(20px,2.6vw,28px);font-weight:800;letter-spacing:-.02em;line-height:1.25;}
.sp-brand h1 a:hover{color:var(--sp-accent);}
.sp-brand .tagline{color:var(--sp-ink-2);font-size:var(--sp-fs-small);margin-top:2px;max-width:72ch;}
.sp-follow{display:inline-block;border:1px solid var(--sp-accent);color:var(--sp-accent);border-radius:999px;padding:4px 14px;font-size:var(--sp-fs-small);cursor:pointer;vertical-align:middle;}
.sp-follow b{font-weight:600;}
.sp-follow i{font-style:normal;margin-left:6px;opacity:.7;}
.sp-follow.is-followed{border-color:var(--sp-line);color:var(--sp-ink-2);}
.sp-vip{display:inline-block;background:var(--sp-ink);color:#ffd9a0;border-radius:var(--sp-radius);padding:2px 8px;font-size:12px;font-weight:700;margin-right:8px;vertical-align:2px;}

/* nav */
.sp-nav{border-bottom:2px solid var(--sp-ink);}
.sp-nav .sp-wrap{display:flex;gap:var(--sp-l);overflow-x:auto;}
.sp-nav a{padding:14px 0;font-weight:600;font-size:14px;color:var(--sp-ink-2);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-2px;}
.sp-nav a:hover{color:var(--sp-ink);}
.sp-nav a.on{color:var(--sp-ink);border-bottom-color:var(--sp-accent);}

/* hero */
.sp-hero{position:relative;background:var(--sp-ink) center/cover no-repeat;color:#fff;}
.sp-hero .sp-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,20,24,.88) 0%,rgba(18,20,24,.62) 45%,rgba(18,20,24,.25) 100%);pointer-events:none;}
.sp-hero-slides{position:absolute;inset:0;}
.sp-hero-slide{position:absolute;inset:0;background:center/cover no-repeat;opacity:0;transition:opacity .9s ease;}
.sp-hero-slide.on{opacity:1;}
.sp-hero .sp-wrap{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:380px;padding-top:var(--sp-xl);padding-bottom:var(--sp-xl);}
.sp-hero-title{font-size:var(--sp-fs-display);font-weight:800;letter-spacing:-.02em;line-height:1.15;max-width:22ch;}
.sp-hero-sub{margin-top:var(--sp-m);color:rgba(255,255,255,.82);font-size:clamp(14px,1.6vw,17px);max-width:60ch;}
.sp-chips{display:flex;flex-wrap:wrap;gap:var(--sp-s);margin-top:var(--sp-l);}
.sp-chip{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:4px 14px;font-size:13px;color:rgba(255,255,255,.92);}
.sp-cta{display:flex;flex-wrap:wrap;gap:var(--sp-m);margin-top:var(--sp-l);}
.sp-btn{display:inline-block;border-radius:var(--sp-radius);padding:12px 26px;font-weight:700;font-size:15px;transition:background .15s;}
.sp-btn-primary{background:var(--sp-accent);color:#fff;}
.sp-btn-primary:hover{background:var(--sp-accent-dark);}
.sp-btn-ghost{border:1.5px solid rgba(255,255,255,.75);color:#fff;}
.sp-btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.sp-hero-meta{display:flex;flex-wrap:wrap;gap:var(--sp-l);margin-top:var(--sp-l);font-size:var(--sp-fs-small);color:rgba(255,255,255,.78);}
.sp-hero-meta b{color:#fff;font-weight:700;}
.sp-hero-plain{background:linear-gradient(135deg,#22262b 0%,#31383f 55%,#22262b 100%);}

/* trust bar */
.sp-trust{background:var(--sp-bg-2);border-bottom:1px solid var(--sp-line);}
.sp-trust .sp-wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-gap);padding:var(--sp-l) var(--sp-l);}
.sp-trust-cell{text-align:center;}
.sp-trust-num{font-size:clamp(22px,2.6vw,30px);font-weight:800;letter-spacing:-.01em;color:var(--sp-ink);}
.sp-trust-num small{font-size:14px;color:var(--sp-ink-2);font-weight:600;margin-left:2px;}
.sp-trust-label{font-size:var(--sp-fs-small);color:var(--sp-ink-2);margin-top:2px;text-transform:uppercase;letter-spacing:.06em;}

/* section shell */
.sp-section{padding:var(--sp-xl) 0;}
.sp-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-m);margin-bottom:var(--sp-l);}
.sp-section-title{font-size:var(--sp-fs-h2);font-weight:800;letter-spacing:-.01em;}
.sp-section-title::after{content:"";display:block;width:48px;height:4px;background:var(--sp-accent);border-radius:2px;margin-top:10px;}
.sp-section-more{font-size:14px;font-weight:600;color:var(--sp-ink-2);}
.sp-section-more:hover{color:var(--sp-accent);}

/* product grid */
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-gap);}
.sp-card{background:var(--sp-bg);border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden;transition:box-shadow .15s,transform .15s;display:flex;flex-direction:column;}
.sp-card:hover{box-shadow:var(--sp-shadow);transform:translateY(-2px);}
.sp-card-img{aspect-ratio:1/1;background:var(--sp-bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sp-card-img img{width:100%;height:100%;object-fit:cover;}
.sp-card-body{padding:var(--sp-m);display:flex;flex-direction:column;gap:var(--sp-s);flex:1;}
.sp-card-title{font-size:14px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sp-card:hover .sp-card-title{color:var(--sp-accent);}
.sp-card-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:var(--sp-s);}
.sp-card-price{color:var(--sp-accent);font-weight:800;font-size:15px;}
.sp-card-meta{font-size:12px;color:var(--sp-ink-3);}
.sp-empty{grid-column:1/-1;text-align:center;color:var(--sp-ink-2);background:var(--sp-bg-2);border:1px dashed var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-xl);}

/* footer */
.sp-footer{border-top:1px solid var(--sp-line);background:var(--sp-bg-2);color:var(--sp-ink-2);font-size:var(--sp-fs-small);}
.sp-footer .sp-wrap{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);padding-top:var(--sp-l);padding-bottom:var(--sp-l);flex-wrap:wrap;}
.sp-footer a:hover{color:var(--sp-accent);}
.sp-top-link{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:6px 14px;color:var(--sp-ink-2);}
.sp-top-link:hover{border-color:var(--sp-accent);color:var(--sp-accent);}
.sp-flinks{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-bottom:var(--sp-m);margin-bottom:var(--sp-m);border-bottom:1px solid var(--sp-line);font-size:var(--sp-fs-small);}
.sp-flinks-label{color:var(--sp-ink-3);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
.sp-flinks a img{height:26px;vertical-align:middle;}

/* trust bar heading (optional) */
.sp-trust-title{grid-column:1/-1;text-align:center;font-size:var(--sp-fs-h2);font-weight:800;letter-spacing:-.01em;}

/* columns modifier (product grid) */
.sp-grid-2{grid-template-columns:repeat(2,1fr);}
.sp-grid-3{grid-template-columns:repeat(3,1fr);}
.sp-grid-4{grid-template-columns:repeat(4,1fr);}

/* categories */
.sp-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-gap);}
.sp-cat{border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:var(--sp-bg);padding:var(--sp-l) var(--sp-m);text-align:center;font-weight:700;font-size:15px;line-height:1.4;overflow-wrap:break-word;transition:border-color .15s,box-shadow .15s,color .15s;}
.sp-cat:hover{border-color:var(--sp-accent);color:var(--sp-accent);box-shadow:var(--sp-shadow);}

/* honors wall */
.sp-section-soft{background:var(--sp-bg-2);}
.sp-honor-wall{display:grid;gap:var(--sp-gap);}
.sp-honor{position:relative;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);display:flex;flex-direction:column;box-shadow:0 12px 24px -18px rgba(26,29,33,.35);transition:transform .18s,box-shadow .18s;}
.sp-honor::before{content:"\2713";position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--sp-accent);color:#fff;font-size:13px;font-weight:700;line-height:24px;text-align:center;box-shadow:0 0 0 4px rgba(234,88,12,.18);}
.sp-honor:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:0 20px 32px -18px rgba(26,29,33,.4);}
.sp-honor-pic{height:180px;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px dashed var(--sp-line);}
.sp-honor-pic img{max-width:100%;max-height:100%;object-fit:contain;}
.sp-honor-cap{padding:12px 16px 14px;display:flex;flex-direction:column;gap:3px;}
.sp-honor-name{font-size:14px;font-weight:700;line-height:1.45;color:var(--sp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.sp-honor:hover .sp-honor-name{color:var(--sp-accent);}
.sp-honor-org{font-size:var(--sp-fs-small);color:var(--sp-ink-2);}
.sp-honor-date{font-size:12px;color:var(--sp-ink-3);letter-spacing:.06em;text-transform:uppercase;margin-top:auto;}

/* honors page */
.sp-breadcrumb{font-size:var(--sp-fs-small);color:var(--sp-ink-3);padding-top:var(--sp-l);}
.sp-page-head{font-size:var(--sp-fs-display);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-top:var(--sp-s);}
.sp-page-head::after{content:"";display:block;width:48px;height:4px;background:var(--sp-accent);border-radius:2px;margin-top:12px;}
.sp-honor-meta{display:flex;flex-wrap:wrap;gap:var(--sp-l);margin-top:var(--sp-l);font-size:var(--sp-fs-small);color:var(--sp-ink-2);}
.sp-honor-meta b{display:block;color:var(--sp-ink);font-size:15px;font-weight:700;margin-top:2px;}
.sp-honor-img{margin-top:var(--sp-l);background:var(--sp-bg-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-l);text-align:center;}
.sp-honor-img img{max-width:100%;display:inline-block;}
.sp-page-content{margin-top:var(--sp-l);color:var(--sp-ink-2);line-height:1.8;}
.sp-page-content img{max-width:100%;}
.sp-page-back{margin-top:var(--sp-l);}
.sp-pages{margin-top:var(--sp-l);font-size:14px;color:var(--sp-ink-2);}
.sp-pages a{display:inline-block;padding:6px 12px;border:1px solid var(--sp-line);border-radius:var(--sp-radius);margin:0 4px 6px 0;color:var(--sp-ink-2);}
.sp-pages a:hover{border-color:var(--sp-accent);color:var(--sp-accent);}
.sp-pages .pages_inp{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:6px 8px;width:56px;}
.sp-pages .pages_btn{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:6px 12px;background:var(--sp-bg);cursor:pointer;}
.sp-pages .pages_btn:hover{border-color:var(--sp-accent);color:var(--sp-accent);}

/* about */
.sp-about{display:flex;gap:var(--sp-xl);align-items:center;}
.sp-about-text{flex:1;min-width:0;}
.sp-about-body{margin-top:var(--sp-m);color:var(--sp-ink-2);max-width:60ch;}
.sp-about-more{margin-top:var(--sp-l);}
.sp-about-media{flex:0 0 420px;max-width:420px;border-radius:var(--sp-radius);overflow:hidden;background:var(--sp-bg-2);}
.sp-about-media img{display:block;width:100%;object-fit:cover;}
.sp-btn-sm{padding:9px 20px;font-size:14px;}

/* cta band */
.sp-band{background:var(--sp-ink);color:#fff;padding:var(--sp-xl) 0;}
.sp-band .sp-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-l);flex-wrap:wrap;}
.sp-band-copy{flex:1;min-width:260px;}
.sp-band-title{font-size:var(--sp-fs-h2);font-weight:800;letter-spacing:-.01em;}
.sp-band-text{margin-top:var(--sp-s);color:rgba(255,255,255,.75);font-size:var(--sp-fs-body);}

/* company profile page */
.sp-profile{display:flex;gap:var(--sp-xl);align-items:flex-start;}
.sp-profile-side{flex:0 0 340px;background:var(--sp-bg-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-m) var(--sp-l);}
.sp-profile-main{flex:1;min-width:0;}
.sp-fact{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px dashed var(--sp-line);font-size:14px;}
.sp-fact:last-child{border-bottom:0;}
.sp-fact b{font-size:12px;font-weight:700;color:var(--sp-ink-3);text-transform:uppercase;letter-spacing:.06em;}
.sp-fact span{color:var(--sp-ink);}
.sp-v-ok{color:#15803d;font-weight:600;}
.sp-v-no{color:#b91c1c;}
.sp-vlist{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--sp-fs-small);color:#15803d;}
.sp-profile-thumb{float:right;max-width:360px;margin:0 0 var(--sp-m) var(--sp-l);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:6px;background:#fff;}
.sp-profile-video{margin-bottom:var(--sp-l);}

/* photo page */
.sp-photo-count{font-size:var(--sp-fs-small);color:var(--sp-ink-3);letter-spacing:.04em;text-transform:uppercase;}
.sp-photo-actions{margin-bottom:var(--sp-m);}
.sp-photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-gap);}
.sp-photo-cell{display:flex;flex-direction:column;border:1px solid var(--sp-line);border-radius:var(--sp-radius);background:#fff;overflow:hidden;transition:box-shadow .15s;}
.sp-photo-cell:hover{box-shadow:var(--sp-shadow);}
.sp-photo-cell-img{display:flex;align-items:center;justify-content:center;height:190px;background:var(--sp-bg-2);}
.sp-photo-cell-img img{max-width:100%;max-height:100%;object-fit:contain;}
.sp-photo-cell-cap{padding:8px 12px;font-size:13px;color:var(--sp-ink-2);line-height:1.45;border-top:1px dashed var(--sp-line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.sp-photo-stage{background:var(--sp-ink);border-radius:var(--sp-radius);padding:var(--sp-l);text-align:center;}
.sp-photo-stage img{max-width:100%;max-height:620px;display:inline-block;}
.sp-photo-cap{margin-top:var(--sp-m);text-align:center;color:var(--sp-ink-2);font-size:var(--sp-fs-small);}
.sp-photo-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-m);margin-top:var(--sp-l);}
.sp-photo-nav a{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:9px 22px;font-weight:600;font-size:14px;color:var(--sp-ink-2);transition:border-color .15s,color .15s;}
.sp-photo-nav a:hover{border-color:var(--sp-accent);color:var(--sp-accent);}
.sp-photo-nav-all{font-size:var(--sp-fs-small)!important;text-transform:uppercase;letter-spacing:.05em;}
.sp-photo-strip{display:flex;flex-wrap:wrap;gap:var(--sp-s);margin-top:var(--sp-m);}
.sp-photo-strip a{display:block;border:2px solid transparent;border-radius:4px;overflow:hidden;line-height:0;}
.sp-photo-strip a.on{border-color:var(--sp-accent);}
.sp-photo-strip img{width:96px;height:72px;object-fit:cover;display:block;}
.sp-lock{max-width:460px;margin:var(--sp-xl) auto;text-align:center;color:var(--sp-ink-2);}
.sp-lock-title{font-size:var(--sp-fs-h2);font-weight:800;margin-bottom:var(--sp-m);}
.sp-lock input[type=text]{border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:10px 14px;width:240px;font-size:15px;}
.sp-lock input[type=text]:focus{outline:none;border-color:var(--sp-accent);}
.sp-lock .sp-btn{margin-top:6px;border:0;cursor:pointer;font:inherit;}
.sp-lock-err{color:#b91c1c;font-size:var(--sp-fs-small);}

/* contact page */
.sp-contact{display:flex;gap:var(--sp-xl);align-items:flex-start;}
.sp-contact-info{flex:1;min-width:0;background:var(--sp-bg-2);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-m) var(--sp-l);}
.sp-contact-form{flex:0 0 420px;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:var(--sp-l);}
.sp-contact-form-title{font-size:var(--sp-fs-h2);font-weight:800;margin-bottom:var(--sp-m);}
.sp-form-row{margin-bottom:var(--sp-m);}
.sp-form-row label{display:block;font-size:var(--sp-fs-small);font-weight:700;color:var(--sp-ink-2);margin-bottom:6px;}
.sp-req{color:#b91c1c;}
.sp-form-row input[type=text],.sp-form-row textarea{width:100%;border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:10px 12px;font-size:15px;font-family:inherit;}
.sp-form-row textarea{resize:vertical;}
.sp-form-row input[type=text]:focus,.sp-form-row textarea:focus{outline:none;border-color:var(--sp-accent);}
.sp-form-captcha{display:inline-flex;align-items:center;gap:8px;}
.sp-form-err{color:#b91c1c;font-size:var(--sp-fs-small);}
.sp-form-tip{font-size:var(--sp-fs-small);color:var(--sp-ink-3);margin-bottom:var(--sp-m);}
.sp-form-actions .sp-btn{border:0;cursor:pointer;font:inherit;}
.sp-on-ok{color:#15803d;font-style:normal;font-weight:600;}
.sp-on-no{color:var(--sp-ink-3);font-style:normal;}
.sp-map{border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden;margin-top:var(--sp-m);}

/* friend link page */
.sp-link-wall{display:grid;gap:var(--sp-gap);}
.sp-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:120px;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-m);text-align:center;transition:box-shadow .15s,border-color .15s;}
.sp-link:hover{box-shadow:var(--sp-shadow);border-color:var(--sp-accent);}
.sp-link-logo{line-height:0;}
.sp-link-logo img{max-height:60px;max-width:160px;object-fit:contain;}
.sp-link-name{font-weight:600;font-size:14px;color:var(--sp-ink);}
.sp-link:hover .sp-link-name{color:var(--sp-accent);}
.sp-link-note{font-size:12px;color:var(--sp-ink-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* news page */
.sp-news-list{display:flex;flex-direction:column;}
.sp-news-list li{display:grid;grid-template-columns:1fr auto;gap:0 var(--sp-m);align-items:baseline;padding:14px 0;border-bottom:1px dashed var(--sp-line);list-style:none;}
.sp-news-title{font-weight:600;color:var(--sp-ink);transition:color .15s;}
.sp-news-title:hover{color:var(--sp-accent);}
.sp-news-date{font-size:var(--sp-fs-small);color:var(--sp-ink-3);white-space:nowrap;}
.sp-news-note{grid-column:1/-1;margin-top:4px;font-size:var(--sp-fs-small);color:var(--sp-ink-2);line-height:1.6;}

/* products/mall list typebar */
.sp-typebar{display:flex;flex-wrap:wrap;gap:var(--sp-s);margin-bottom:var(--sp-l);}
.sp-typebar a{border:1px solid var(--sp-line);border-radius:999px;padding:7px 16px;font-size:var(--sp-fs-small);font-weight:600;color:var(--sp-ink-2);transition:border-color .15s,color .15s,background .15s;}
.sp-typebar a:hover{border-color:var(--sp-accent);color:var(--sp-accent);}
.sp-typebar a.on{background:var(--sp-accent);border-color:var(--sp-accent);color:#fff;}
.sp-search-kw{font-size:var(--sp-fs-small);color:var(--sp-ink-3);}

/* product detail (sell) */
.sp-item{display:flex;gap:var(--sp-xl);align-items:flex-start;}
.sp-item-media{flex:0 0 460px;}
.sp-item-main{display:flex;align-items:center;justify-content:center;height:400px;background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);overflow:hidden;}
.sp-item-main img{max-width:100%;max-height:100%;object-fit:contain;}
.sp-item-thumbs{display:flex;flex-wrap:wrap;gap:var(--sp-s);margin-top:var(--sp-m);}
.sp-item-thumbs a{display:block;border:1px solid var(--sp-line);border-radius:4px;overflow:hidden;line-height:0;width:72px;height:72px;}
.sp-item-thumbs a:hover{border-color:var(--sp-accent);}
.sp-item-thumbs img{width:100%;height:100%;object-fit:cover;}
.sp-item-info{flex:1;min-width:0;}
.sp-item-title{font-size:var(--sp-fs-display);line-height:1.25;font-weight:800;letter-spacing:-.01em;}
.sp-item-sub{margin-top:var(--sp-s);color:var(--sp-ink-2);font-size:15px;}
.sp-item-price{margin:var(--sp-m) 0;padding:var(--sp-m);background:var(--sp-bg-2);border-radius:var(--sp-radius);}
.sp-item-num{color:var(--sp-accent);}
.sp-item-num b{font-size:30px;font-weight:800;}
.sp-item-unit{font-size:var(--sp-fs-small);color:var(--sp-ink-3);}
.sp-item-nego{font-weight:700;color:var(--sp-ink-2);}
.sp-item-ship{font-style:normal;color:#15803d;font-size:var(--sp-fs-small);}
.sp-item-expired{font-style:normal;color:#b91c1c;font-size:var(--sp-fs-small);}
.sp-item-intro{margin:var(--sp-l) 0;color:var(--sp-ink-2);font-size:15px;line-height:1.7;background:var(--sp-bg-2);border-left:3px solid var(--sp-accent);border-radius:0 var(--sp-radius) var(--sp-radius) 0;padding:var(--sp-m) var(--sp-l);}
.sp-item-actions{margin-top:var(--sp-l);display:flex;flex-wrap:wrap;gap:var(--sp-m);align-items:center;}
.sp-item-actions input.sp-btn{border:0;cursor:pointer;font:inherit;}
.sp-item-actions .sp-btn-ghost{border:1.5px solid var(--sp-line);color:var(--sp-ink);}
.sp-item-actions .sp-btn-ghost:hover{border-color:var(--sp-accent);color:var(--sp-accent);background:transparent;}
.sp-item-off{color:var(--sp-ink-3);font-size:17px;}
.sp-item-ip{font-size:var(--sp-fs-small);color:var(--sp-ink-3);font-weight:400;}

/* mall detail (keeps official functional markup) */
.sp-mall{background:#fff;border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:var(--sp-l);overflow-x:auto;}
.sp-mall .mall-title{font-size:22px;font-weight:800;margin-bottom:8px;}

/* responsive */
@media (max-width:1100px){
	.sp-grid,.sp-grid-4,.sp-cats{grid-template-columns:repeat(3,1fr);}
	.sp-trust .sp-wrap{grid-template-columns:repeat(2,1fr);row-gap:var(--sp-l);}
	.sp-about-media{flex-basis:340px;max-width:340px;}
	.sp-photo-grid{grid-template-columns:repeat(3,1fr);}
	.sp-profile-side{flex-basis:290px;}
	.sp-contact-form{flex-basis:360px;}
	.sp-item-media{flex-basis:360px;}
}
@media (max-width:760px){
	.sp-grid,.sp-grid-3,.sp-grid-4,.sp-cats{grid-template-columns:repeat(2,1fr);}
	.sp-photo-grid{grid-template-columns:repeat(2,1fr);}
	.sp-profile{flex-direction:column;}
	.sp-profile-side{flex:none;width:100%;}
	.sp-profile-thumb{float:none;max-width:100%;margin:0 0 var(--sp-m);}
	.sp-grid-2{grid-template-columns:1fr;}
	.sp-wrap{padding:0 var(--sp-m);}
	.sp-hero .sp-wrap{min-height:300px;}
	.sp-section{padding:var(--sp-l) 0;}
	.sp-nav .sp-wrap{gap:var(--sp-m);}
	.sp-about{flex-direction:column;align-items:stretch;gap:var(--sp-l);}
	.sp-about-media{flex:none;max-width:100%;}
	.sp-band .sp-wrap{flex-direction:column;align-items:flex-start;}
	.sp-contact,.sp-item{flex-direction:column;}
	.sp-contact-form,.sp-item-media{flex:none;width:100%;}
	.sp-item-main{height:300px;}
	.sp-link-wall{grid-template-columns:repeat(2,1fr);}
}