/* Kainosmall GH — Premium marketplace concept v1.
 * Layered enhancement: original product/admin/vendor flows are retained.
 * Prototype styles only; no payment or fulfilment activation.
 */
:root{--gold:#cba86b;--ink:#131416;--paper:#faf8f4;--muted:#77736d;--line:#e9e1d6;--k-gold-light:#e2c58c;--k-night:#0d0e10}
body{background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.top{background:var(--k-night);color:#ecd7ac}
.top .wrap{font-size:10px;letter-spacing:1.55px}
header{background:#141416;border-color:#33312e;color:#fff}
.header{padding-top:12px;padding-bottom:12px}
.brand strong{font-weight:700}
.brand small{color:var(--k-gold-light)}
.search{border-color:#494038;background:#242426}
.search input{color:#f7f1e8}
.search input::placeholder{color:#c1b8a9}
.search button{background:var(--gold);color:#121212;font-weight:700}
.nav{border-top:1px solid #33312e;color:#e7e2d9}
.nav .sell{color:#dfbd78}
.nav button:hover,.nav a:hover{color:var(--k-gold-light)}
.preview-note{background:#f5ead6;color:#6d542e;text-align:center;border-bottom:1px solid #e5d8bf}
#shop .hero{padding-top:24px;grid-template-columns:1.04fr .96fr;min-height:490px}
#shop .hero-copy{background:var(--k-night);color:#fff;padding:63px 54px;border-radius:7px 0 0 7px}
#shop .hero-copy .eyebrow{color:var(--k-gold-light);letter-spacing:2.8px}
#shop .hero h1{font:400 clamp(42px,5.2vw,76px)/.99 Georgia,"Times New Roman",serif;letter-spacing:-2.4px;color:#fff;max-width:720px;margin:27px 0}
#shop .hero h1 em{font-style:italic;color:var(--k-gold-light)}
#shop .hero-copy p{color:#d2c7b7;font-size:15px;line-height:1.9;max-width:430px}
#shop .hero .primary{background:var(--gold);color:#131313;padding:17px 24px;letter-spacing:1px}
#shop .hero .text-link{color:#e7d4b1}
#shop .hero-photo{background:#211d1b;border-radius:0 7px 7px 0}
#shop .hero-photo>img{filter:saturate(.85) brightness(.76)}
#shop .photo-label{background:#161616e8;color:white;border:1px solid #766048;backdrop-filter:blur(8px)}
#shop .photo-label small{color:#d6b67a}
#shop .photo-label button{border-color:#80684b}
#shop .hero-caption{color:#b99a64}
#shop .benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#f0ebe1;padding:21px 25px;border:0;margin:0 0 44px;border-radius:0 0 7px 7px}
#shop .benefits .benefit{justify-content:flex-start}
#shop .benefits .benefit strong{font-size:11px}
#shop .benefits .benefit small{line-height:1.45}
#shop .benefits .benefit>span{color:#947747}
#shop h2{font:400 clamp(27px,3.2vw,43px) Georgia,"Times New Roman",serif;letter-spacing:-1.5px}
#shop .section-kicker{color:#997337;letter-spacing:2px}
#shop .categories{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#shop .category{background:#f0ebe4;border-radius:8px;overflow:hidden;min-height:143px;transition:transform .2s,box-shadow .2s,border-color .2s;border:1px solid #e5dbcf}
#shop .category:hover{transform:translateY(-3px);box-shadow:0 8px 24px #20150c12;border-color:var(--gold)}
#shop .category img{height:70px;width:100%;object-fit:contain}
#shop .category.selected{background:#e9d9bd;border-color:#b7904d}
#shop .products{gap:17px}
#shop .card{border:1px solid #e5dfd5;border-radius:10px;background:white;overflow:hidden;box-shadow:0 3px 15px #20190d05}
#shop .card .product-img{background:#eee9e2;min-height:230px}
#shop .card .details{padding:18px}
#shop .card .seller{color:#987a4d;letter-spacing:.7px;text-transform:uppercase}
#shop .card .price{font-size:16px}
#shop .card .add{width:auto;height:auto;min-height:35px;padding:8px 11px;font-size:10px;line-height:1.3;background:#1b1b1b;color:#fff;border-radius:5px}
#shop .banner{background:#161517;border:1px solid #41372a;border-radius:10px;box-shadow:0 18px 50px #33281813}
#shop .banner h2{color:#fff}
#shop .banner p{color:#d3c2a4}
#shop .banner .primary{background:var(--gold);color:#191919}
footer{background:#141416;color:#d9d2c8;border:0}
footer a:hover{color:var(--gold)}
.k-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 39px}
.k-feature{background:#f4efe6;border:1px solid #e9ddce;border-radius:8px;padding:19px 16px}
.k-feature .k-icon{display:block;color:#977442;font-size:25px;margin-bottom:13px}
.k-feature strong{font-size:12px;display:block;line-height:1.45}
.k-feature small{color:#78726a;display:block;font-size:11px;margin-top:6px;line-height:1.55}
.k-rewards-band{margin:42px 0 38px;padding:35px 38px;background:#131416;color:white;border-radius:10px;display:flex;justify-content:space-between;gap:30px;align-items:center}
.k-rewards-band .k-eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--gold);font-weight:700}
.k-rewards-band h2{color:white;margin:13px 0;font-size:38px}
.k-rewards-band p{color:#c7bdb0;line-height:1.7;max-width:650px}
.k-rewards-band button,.k-preview-dialog .k-gold-btn{background:var(--gold);color:#121212;padding:16px 23px;border-radius:5px;font-size:12px;font-weight:700;white-space:nowrap}
.k-preview-dialog{border:1px solid #d7b77b;background:#faf8f4;color:#121212;max-width:min(520px,calc(100% - 30px));border-radius:12px;padding:29px}
.k-preview-dialog::backdrop{background:#050505ad}
.k-preview-dialog h2{font-size:31px}
.k-preview-dialog p{font-size:14px;line-height:1.7;color:#58534c}
.k-preview-dialog ul{padding-left:22px;line-height:2;color:#34302b}
.k-preview-dialog .k-preview-notice{background:#f2e6cf;padding:12px;border-radius:6px;font-size:12px}
.k-preview-close{float:right;color:#121212;font-size:25px}
.k-mobile-bottom{display:none}
.k-cod-fieldset{margin:17px 0 6px;padding:0;border:0}
.k-cod-fieldset legend{font-size:12px;font-weight:700;margin-bottom:9px;letter-spacing:.6px}
.k-pay-method{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e0d8cc;border-radius:8px;margin:9px 0;cursor:pointer;font-size:13px}
.k-pay-method:has(input:checked){border-color:#b79354;background:#f7eedd}
.k-pay-method input{margin:2px 0 0;accent-color:#b58d49}
.k-pay-method small{display:block;color:#79726a;line-height:1.5;margin-top:4px;font-size:11px}
.k-cod-warning{padding:13px 15px;background:#f7edda;border-radius:7px;color:#6e542a;font-size:12px;line-height:1.7}
button:disabled{cursor:not-allowed;opacity:.58}
@media(max-width:1000px){
  #shop .hero-copy{padding:36px}
  #shop .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .k-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .wrap{padding-left:16px;padding-right:16px}
  #shop .hero{padding-top:12px;grid-template-columns:1fr}
  #shop .hero-copy{padding:36px 24px 29px;border-radius:8px 8px 0 0}
  #shop .hero h1{font-size:49px;letter-spacing:-1.5px;margin:21px 0}
  #shop .hero-copy p{font-size:13px}
  #shop .hero-photo{height:235px;border-radius:0 0 8px 8px}
  #shop .hero .text-link{font-size:10px}
  #shop .benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:17px 12px;margin-bottom:28px;gap:13px}
  #shop .benefits .benefit strong{font-size:10px}
  #shop .benefits .benefit small{font-size:9px}
  #shop .categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  #shop .category{min-height:120px}
  #shop .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #shop .card .product-img{min-height:155px;height:180px}
  #shop .card .details{padding:11px}
  #shop .card .add{font-size:9px;padding:7px 8px}
  .k-feature-grid{gap:9px;margin-bottom:22px}
  .k-feature{padding:14px 12px}
  .k-rewards-band{display:block;padding:28px 23px}
  .k-rewards-band h2{font-size:30px}
  .k-rewards-band button{margin-top:12px}
  body:has(#shop.visible) .k-mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:80;background:#fffefbf4;backdrop-filter:blur(14px);border-top:1px solid #dfd6c6;padding:9px 8px max(9px,env(safe-area-inset-bottom));justify-content:space-evenly;gap:5px;box-shadow:0 -6px 20px #00000013}
  .k-mobile-bottom button{font-size:10px;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:68px;padding:4px}
  .k-mobile-bottom button span{font-size:21px}
  body:has(#shop.visible){padding-bottom:66px}
}
@media(prefers-reduced-motion:reduce){#shop .card,#shop .category{transition:none!important}}