Vyriška SLIM plona piniginė, kortelių dėklas su RFID Z02 Stevens kaina

:root { --stvns-section-spacing: 70px; /* atstumai tarp sekcijų */ --stvns-feature-gap-mobile: 70px; /* atstumai tarp ypatybių mobile */ --stvns-heading-size-desktop: 50px; --stvns-heading-size-mobile: 48px; --stvns-subline-size-desktop: 18px; --stvns-subline-size-mobile: 16px; } /* === BANERIS === */ .stvns_top { width: 100%; background: #000; display: flex; justify-content: center; margin-bottom: var(--stvns-section-spacing); } .stvns_top img { display: block; max-width: 1200px; width: 100%; height: auto; } /* Skirtingi vaizdai desktop/mobile */ .stvns_top img.mobile { display:none; } @media(max-width:767px){ .stvns_top img.desktop { display:none; } .stvns_top img.mobile { display:block; } } .stvns_outer { width: 100%; background: #000; } .stvns_wrap { background: linear-gradient(180deg, #111 0%, #000 100%); color: #fff; padding: 48px 24px; max-width: 1200px; margin: 0 auto; font-family: 'Inter', Arial, sans-serif; } /* === RESET/Tipografija === */ .stvns_heading { all: unset; display:block; font-family: 'Inter', Arial, sans-serif; font-size: var(--stvns-heading-size-desktop); font-weight: 800 !important; background: linear-gradient(90deg, #f5e6d0, #d7c5a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform: uppercase; margin: 0; } @media(max-width:767px){ .stvns_heading { font-size: var(--stvns-heading-size-mobile); } } .stvns_cardTitle { all: unset; display:block; font-family: 'Inter', Arial, sans-serif; font-weight: 700; font-size: 20px; margin: 0 0 12px 0; color:#f5e6d0; } .stvns_featureTitle { all: unset; display:block; font-family: 'Inter', Arial, sans-serif; font-weight:700; font-size:16px; background: linear-gradient(90deg, #f5e6d0, #d7c5a2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform:uppercase; margin:0 0 8px; } @media(max-width:767px){ .stvns_featureTitle { font-size:28px; } } .stvns_specsList { all: unset; display:block; } .stvns_specsItem { all: unset; display:flex; justify-content:space-between; align-items:center; padding:10px 0; border-top:1px solid rgba(255,255,255,0.08); transition: background 0.3s ease; } .stvns_specsItem:first-child { border-top:0; } .stvns_specsItem:hover { background: rgba(255,255,255,0.05); } .stvns_subline { all: unset; display:block; font-family: 'Inter', Arial, sans-serif; color: #d7c5a2; font-size: var(--stvns-subline-size-desktop); margin-top: 4px; } @media(max-width:767px){ .stvns_subline { font-size: var(--stvns-subline-size-mobile); } } .stvns_text { all: unset; display:block; font-family: 'Inter', Arial, sans-serif; line-height: 1.6; font-size: 16px; color: #ddd; margin-top: 16px; } .stvns_image { width: 100%; max-width: 100%; background: #000; padding: 8px; box-sizing: border-box; } /* === ĮVADAS: 2 kolonų maketas === */ .stvns_intro { margin-bottom: var(--stvns-section-spacing); } .stvns_layout { display: grid; grid-template-columns: 1fr; gap: 24px; } @media (min-width:768px){ .stvns_layout{ grid-template-columns: 1fr 1fr; align-items: center; } .stvns_text{ max-width:none; } } /* === SPECIFIKACIJA (2 kol. – kairė info, dešinė foto) === */ .stvns_specs2col { margin-bottom: var(--stvns-section-spacing); display: grid; grid-template-columns: 1fr; gap: 20px; } @media (min-width:768px){ .stvns_specs2col { grid-template-columns: 1fr 1fr; align-items: stretch; } } .stvns_specsLeft { display: grid; grid-template-columns: 1fr; gap: 16px; align-self: center; } .stvns_card { position: relative; background: linear-gradient(145deg, rgba(60,60,60,0.4), rgba(20,20,20,0.6)); border: 1px solid rgba(255,255,255,0.08); border-radius: 14px; padding: 16px 20px; box-shadow: 0 8px 24px rgba(0,0,0,.45); transition: background 0.3s ease, transform 0.2s ease; } .stvns_card:before { content: ""; position: absolute; inset: 0; border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); pointer-events: none; } .stvns_card:hover { background: linear-gradient(145deg, rgba(80,80,80,0.5), rgba(30,30,30,0.7)); transform: translateY(-2px); } .stvns_label { color:#bdbdbd; font-size:15px; } .stvns_value { font-weight:700; color: #ffd27f; transition: color 0.3s ease; font-size: 16px; } .stvns_value:hover { color: #ffe6a8; } .stvns_specsRight { display:flex; justify-content:center; align-items:center; } .stvns_dimensionsImg { width: 100%; height:auto; border-radius:10px; transition: transform 0.4s ease; } .stvns_dimensionsImg:hover { transform: scale(1.05); } @media(min-width:768px){ .stvns_dimensionsImg{ max-width: 90%; } } /* === YPATYBĖS === */ .stvns_features { margin-bottom: var(--stvns-section-spacing); } .stvns_featuresGrid { display:grid; gap:32px; grid-template-columns:1fr; } @media(min-width:768px){ .stvns_featuresGrid{ grid-template-columns: repeat(3,1fr); gap:32px; } } .stvns_featureCard { text-align:center; } .stvns_featureImgVid { width:100%; border-radius:8px; margin-bottom:16px; } .stvns_featureText { font-size:15px; color:#ccc; line-height:1.6; } /* Alternatyvi 2 kolonų tinklelio versija */ .stvns_featuresGrid--two { display: grid; grid-template-columns: 1fr; gap: 32px; } @media (min-width: 768px){ .stvns_featuresGrid--two { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 767px){ .stvns_featuresGrid--two { gap: var(--stvns-feature-gap-mobile); } } @media (max-width: 767px){ .stvns_bleed_2025 { position: relative; left: 50%; transform: translateX(-50%); width: calc(100dvw + 20px);} }