:root{--cb-orange: #ff5c00;--cb-orange-soft: #ff7a1a;--cb-orange-deep: #a73a00;--cb-qr-light-back: #f5e8c8;--cb-qr-dark-back: #830101;--cb-qr-dark-title:#ff9002;--cb-back-gray: #dae9f0;--cb-yesil: #00a652;--cb-kirmizi: #f40008;--cb-ink: #1d1b1a;--cb-ink-2: #2a2624;--cb-muted: #6a554c;--cb-cream: #f7f3ee;--cb-soft: #fcf9f8;--cb-paper: #ffffff;--cb-line: rgba(120, 82, 66, .22);--cb-line-strong: rgba(120, 82, 66, .34);--cb-radius-sm: 12px;--cb-radius-md: 18px;--cb-radius-lg: 26px;--cb-radius-pill: 999px;--cb-shadow-soft: 0 14px 36px rgba(29, 27, 26, .08);--cb-shadow-card: 0 18px 48px rgba(29, 27, 26, .1);--cb-shadow-orange: 0 18px 38px rgba(255, 92, 0, .3);--cb-ease: cubic-bezier(.2, .8, .2, 1);--font-display: "Luckiest Guy", cursive;--font-sans: "Barlow Condensed", sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--cb-soft);color:var(--cb-ink);margin:0;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer;background:transparent}img{max-width:100%}h1,h2,h3{font-family:Luckiest Guy,Barlow Condensed,sans-serif;letter-spacing:.025em}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 550,"GRAD" 0,"opsz" 24}.container{width:100%;max-width:680px;margin:0 auto;padding:0 clamp(16px,3vw,28px)}.qr-header{display:flex;align-items:center;gap:10px;padding:16px 0 0;border-bottom:1px solid var(--cb-line)}.qr-header__logo{height:38px;width:auto;object-fit:contain;flex-shrink:0}.qr-header__brand{display:flex;flex-direction:column;line-height:1.1}.qr-header__name{font-family:var(--font-display);font-size:clamp(16px,4vw,20px);color:var(--cb-kirmizi);text-transform:uppercase;letter-spacing:.04em;margin:0}.qr-header__tagline{font-size:11px;font-weight:700;color:var(--cb-muted);letter-spacing:.02em}.qr-hero-grid{display:flex;flex-direction:column;gap:16px;padding:20px 0 40px}.qr-hero-card{display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:var(--cb-radius-sm);overflow:hidden;border:1px solid var(--cb-line);box-shadow:var(--cb-shadow-soft);transition:transform .28s var(--cb-ease),box-shadow .28s var(--cb-ease);text-decoration:none;color:inherit;padding-bottom:18px}.qr-hero-card:hover{transform:translateY(-4px);box-shadow:var(--cb-shadow-card)}.qr-hero-card--light{background:var(--cb-qr-light-back);border-color:transparent}.qr-hero-card--dark{background:var(--cb-qr-dark-back);border-color:transparent}.qr-hero-card--third{background:var(--cb-qr-dark-title);border-color:transparent}.qr-hero-card--dark .qr-hero-card__title{color:var(--cb-qr-dark-title)}.qr-hero-card__title{margin:0;padding:20px 16px 12px;font-family:var(--font-display);font-size:clamp(20px,5vw,28px);color:var(--cb-orange);text-transform:uppercase;letter-spacing:.06em;line-height:1}.qr-hero-card__img-wrap{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.qr-hero-card__img-wrap img{max-width:60%;height:auto;display:block;transition:transform .4s var(--cb-ease)}.qr-hero-card:hover .qr-hero-card__img-wrap img{transform:scale(1.04)}.qr-hero-card__count{margin-top:12px;font-size:13px;font-weight:800;color:var(--cb-muted)}.qr-hero-card--dark .qr-hero-card__count{color:var(--cb-cream)}.qr-category-description{margin:8px 0 0;color:var(--cb-muted);font-weight:600}.qr-empty{padding:32px 16px;text-align:center;color:var(--cb-muted);font-weight:700}.qr-product-header{display:flex;align-items:center;gap:12px;padding:20px 0 6px}.qr-back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--cb-orange);color:#fff;flex-shrink:0;transition:background .2s ease,transform .2s ease}.qr-back-btn:hover{background:var(--cb-orange-deep);transform:translate(-2px)}.qr-product-header h1{margin:0;font-size:clamp(18px,4.5vw,26px);color:var(--cb-ink);text-transform:uppercase;letter-spacing:.05em;line-height:1.1}.qr-product-list{padding:20px 0 48px;display:flex;flex-direction:column;gap:16px}.qr-product-item{display:flex;align-items:center;gap:16px;padding:18px 16px;border-radius:var(--cb-radius-md);background:var(--cb-paper);border:1px solid var(--cb-line);box-shadow:var(--cb-shadow-soft)}.qr-product-item__thumb{flex-shrink:0;width:84px;height:84px;border-radius:var(--cb-radius-sm);overflow:hidden;background:var(--cb-back-gray);box-shadow:0 4px 12px #1d1b1a14}.qr-product-item__thumb img{width:100%;height:100%;object-fit:cover;display:block}.qr-product-item__info{flex:1;min-width:0}.qr-product-item__name{margin:0;font-family:var(--font-sans);font-size:clamp(16px,4vw,19px);font-weight:900;color:var(--cb-ink);text-transform:uppercase;letter-spacing:.03em;line-height:1.25}.qr-product-item__desc{margin:6px 0 0;font-size:clamp(13px,3.2vw,15px);color:var(--cb-muted);font-weight:600;line-height:1.55}.qr-product-item__price{flex-shrink:0;display:inline-flex;align-items:baseline;gap:2px;background:var(--cb-orange);color:#fff;padding:8px 14px;border-radius:var(--cb-radius-pill);font-family:var(--font-sans);font-size:clamp(15px,3.8vw,18px);font-weight:900;letter-spacing:.03em;white-space:nowrap;line-height:1;align-self:center}.qr-product-item__price small{font-size:10px;font-weight:700;opacity:.85}.qr-footer{text-align:center;padding:24px 0;border-top:1px solid var(--cb-line);color:var(--cb-muted);font-size:13px;font-weight:700}.qr-footer a{color:var(--cb-orange);font-weight:900}.qr-footer__links{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.qr-footer__sep{color:var(--cb-line-strong);font-weight:400}@media(max-width:767.98px){.qr-hero-card__title{padding:16px 14px 10px;font-size:clamp(18px,5vw,24px)}.qr-hero-card__img-wrap{height:clamp(160px,42vw,220px)}.qr-hero-card{padding-bottom:14px}.qr-product-list{gap:12px}.qr-product-item{padding:14px;gap:14px}.qr-product-item__thumb{width:72px;height:72px}}@media(max-width:420px){.qr-header__logo{height:32px}.qr-header__name{font-size:15px}.qr-header__tagline{font-size:10px}.qr-hero-card__title{padding:14px 12px 8px;font-size:18px}.qr-hero-card__img-wrap{height:160px}.qr-hero-card{padding-bottom:12px}.qr-hero-card__count{font-size:12px;margin-top:10px}.qr-product-list{gap:10px}.qr-product-item{padding:12px;gap:12px}.qr-product-item__thumb{width:64px;height:64px}.qr-product-item__name{font-size:15px}.qr-product-item__desc{font-size:12px}.qr-product-item__price{padding:6px 10px;font-size:14px}}
