:root { --paper-2: #f4f1ea; --line-soft: #e7e1d5; --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --gold-ink: #827347; --salvia-ink: #5E7960; --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --space-9: 96px; --radius-xs: 6px; --radius-sm: 10px; --radius-md: 16px; --radius-lg: 22px; --radius-pill: 999px; --shadow-1: 0 1px 3px rgba(44, 42, 36, .06); --shadow-2: 0 6px 20px rgba(44, 42, 36, .08); --shadow-3: 0 18px 48px rgba(44, 42, 36, .14); --z-base: 1; --z-sticky: 100; --z-header: 200; --z-overlay: 800; --z-modal: 1000; --z-toast: 1100; --transition-fast: 120ms ease; --transition: 200ms ease; --transition-slow: 360ms ease; }
*, *::before, *::after { box-sizing: border-box; } :root { --cream: #FDFBF7; --cream-2: #F6EFE0; --sabbia: #C4B98E; --ink: #2C2A24; --ink-2: #4A4538; --mute: #6F6A57; --gold: #B5A164; --cielo: #7BA7BC; --salvia: #A3C4A0; --salviaD: #6B8A6E; --bg: var(--cream); --bg-alt: var(--cream-2); --text: var(--ink); --text-2: var(--ink-2); --muted: var(--mute); --accent: var(--gold); --accent-dk: var(--salviaD); --moss: var(--salviaD); --line: var(--ink); --line-soft: rgba(44, 42, 36, 0.14); --dark: var(--ink); --paper: var(--cream); --paper-2: var(--cream-2); --serif: "DM Serif Display", "Georgia", serif; --sans: "DM Sans", -apple-system, "Helvetica Neue", sans-serif; --mono: "DM Mono", ui-monospace, monospace; --type-scale: 1; --gap: 24px; --maxw: 1620px; --maxw-narrow: 1100px; --maxw-reading: 760px; --container: 1620px; --container-reading: 760px; --r-sm: 16px; --r-md: 28px; --r-lg: 48px; --r-xl: 80px; --r-pill: 999px; --btn-r: var(--r-pill); --b: 1px solid var(--ink); --bs: 1px solid var(--line-soft); --z-header: 40; --z-drawer: 60; --z-modal: 70; --shadow-1: 0 1px 2px rgba(44,42,36,.06), 0 4px 12px rgba(44,42,36,.04); --shadow-2: 0 20px 60px -30px rgba(44,42,36,0.35); --ease: cubic-bezier(.2,.7,.2,1); --dur: 280ms; --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem; --s-9: 6rem; --s-10: 8rem; } html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; } body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--sans); font-size: calc(16px * var(--type-scale)); line-height: 1.55; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; overflow-x: hidden; } ::selection { background: var(--ink); color: var(--cream); } img, picture, video, svg { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; cursor: pointer; transition: color 160ms var(--ease); } button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; } input, select, textarea { font: inherit; color: inherit; background: transparent; border: 0; outline: none; } a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--salviaD); outline-offset: 3px; border-radius: 2px; } .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; } .screen-reader-text:focus { background: var(--cream); clip: auto !important; color: var(--ink); display: block; font-size: 14px; font-weight: 700; height: auto; left: 5px; top: 5px; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; } .skip-link { position: absolute; top: -40px; left: 8px; background: var(--ink); color: var(--cream); padding: 10px 16px; z-index: 1000; transition: top var(--dur) var(--ease); } .skip-link:focus { top: 8px; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } [hidden] { display: none !important; } .wrap, .container { width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; } .container--reading { max-width: var(--container-reading); } @media (max-width: 720px) { .wrap, .container { padding: 0 18px; } }
h1, h2, h3, h4, h5, h6 { font-family: var(--serif); color: var(--ink); margin: 0 0 var(--s-4); line-height: 1.1; font-weight: 400; letter-spacing: -0.01em; } h1 { font-size: clamp(2.2rem, 5vw, 4.5rem); line-height: 1.05; letter-spacing: -0.02em; } h2 { font-size: clamp(1.8rem, 3.5vw, 3rem); } h3 { font-size: clamp(1.4rem, 2.5vw, 2rem); } h4 { font-size: 1.25rem; line-height: 1.25; } h5 { font-size: 1.05rem; } h6 { font-size: 0.95rem; font-family: var(--mono); text-transform: uppercase; letter-spacing: 0.08em; } p { margin: 0 0 var(--s-4); } strong, b { font-weight: 600; } em, i { font-style: italic; } small { font-size: 0.85em; color: var(--muted); } blockquote { margin: var(--s-6) 0; padding-left: var(--s-5); border-left: 3px solid var(--accent); font-family: var(--serif); font-style: italic; font-size: 1.25rem; line-height: 1.4; color: var(--ink); } blockquote cite { display: block; font-family: var(--mono); font-size: 0.85rem; font-style: normal; color: var(--muted); margin-top: var(--s-3); } hr { border: 0; border-top: 1px solid var(--line); margin: var(--s-7) 0; } code, kbd, samp, pre { font-family: var(--mono); font-size: 0.9em; } code { background: var(--bg-alt); padding: 0.15em 0.4em; border-radius: var(--r-sm); } pre { background: var(--dark); color: var(--bg); padding: var(--s-5); border-radius: var(--r-md); overflow: auto; line-height: 1.5; } pre code { background: transparent; padding: 0; } ul, ol { margin: 0 0 var(--s-4); padding-left: var(--s-5); } li { margin-bottom: var(--s-2); } .entry-content { font-size: 1.06rem; line-height: 1.75; } .entry-content > * + * { margin-top: var(--s-5); } .entry-content h2 { margin-top: var(--s-7); } .entry-content h3 { margin-top: var(--s-6); } .entry-content figure { margin: var(--s-6) 0; } .entry-content figure figcaption { font-family: var(--mono); font-size: 0.85rem; color: var(--muted); margin-top: var(--s-3); text-align: center; } .entry-content a { color: var(--accent-dk); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; } .entry-content a:hover { text-decoration-thickness: 2px; } body.density-compatta { --s-4: 0.75rem; --s-5: 1rem; --s-6: 1.5rem; --s-7: 2rem; --s-8: 3rem; } body.density-aerata { --s-4: 1.25rem; --s-5: 1.75rem; --s-6: 2.5rem; --s-7: 3.5rem; --s-8: 5rem; }
.topbar { position: sticky; top: 0; z-index: var(--z-header); background: rgba(253, 251, 247, 0.92); background: color-mix(in oklch, var(--cream) 92%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .topbar-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; height: 68px; padding: 0 28px; gap: 24px; max-width: var(--maxw); margin: 0 auto; } .topbar-logo { font-family: var(--serif); font-size: 22px; letter-spacing: -0.01em; line-height: 1; display: flex; align-items: center; gap: 10px; color: var(--ink); } .topbar-logo__mark { height: 46px; width: auto !important; max-width: none; flex-shrink: 0; object-fit: contain; display: block; } .topbar-logo__name { display: inline-block; } .topbar-logo .sub { font-family: var(--mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mute); align-self: center; } .topbar-nav { display: flex; gap: 28px; justify-content: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; list-style: none; padding: 0; margin: 0; } .topbar-nav a { position: relative; padding: 4px 0; transition: color 160ms; color: var(--ink); } .topbar-nav a::after { content: ''; position: absolute; left: 50%; bottom: -4px; width: 0; height: 1px; background: var(--salviaD); transition: width 220ms ease, left 220ms ease; } .topbar-nav a:hover { color: var(--salviaD); } .topbar-nav a:hover::after, .topbar-nav .current-menu-item a::after, .topbar-nav a.on::after { width: 100%; left: 0; } .topbar-nav .current-menu-item a, .topbar-nav a.on { color: var(--salviaD); } .topbar-tools { display: flex; align-items: center; gap: 18px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; } .topbar-tools .cart-btn { border: 1px solid var(--ink); border-radius: 999px; padding: 8px 16px; display: inline-flex; align-items: center; gap: 8px; transition: background 160ms, color 160ms; color: var(--ink); } .topbar-tools .cart-btn:hover { background: var(--ink); color: var(--cream); } .cart-badge { background: var(--gold); color: var(--cream); border-radius: 999px; padding: 1px 7px; font-size: 9px; font-family: var(--mono); } .burger { display: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--ink); align-items: center; justify-content: center; } .burger span { width: 16px; height: 1.5px; background: var(--ink); display: block; position: relative; } .burger span::before, .burger span::after { content:''; position: absolute; left: 0; width: 16px; height: 1.5px; background: var(--ink); } .burger span::before { top: -5px; } .burger span::after { top: 5px; } @media (max-width: 960px) { .topbar-row { grid-template-columns: 1fr auto; height: 60px; padding: 0 18px; } .topbar-nav { display: none; } .burger { display: inline-flex; } .topbar-tools { gap: 10px; } .topbar-tools .cart-btn span:not(.cart-badge) { display: none; } .topbar-tools .cart-btn { width: 36px; height: 36px; padding: 0; justify-content: center; border-radius: 50%; } .topbar-tools .cart-btn::before { content: ''; width: 18px; height: 18px; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232C2A24' stroke-width='1.6'><path d='M3 6h3l2 12h11l2-9H7'/><circle cx='9' cy='21' r='1.5'/><circle cx='18' cy='21' r='1.5'/></svg>"); background-size: contain; background-repeat: no-repeat; background-position: center; } .topbar-tools .cart-btn .cart-badge { position: absolute; top: -4px; right: -4px; padding: 1px 5px; } .topbar-tools .cart-btn { position: relative; } .topbar-logo { font-size: 20px; } .topbar-logo .sub { font-size: 8px; } } @media (max-width: 520px) { .topbar-logo .sub { display: none; } } .mobilemenu-backdrop { position: fixed; inset: 0; z-index: 99; background: rgba(44,42,36, 0.55); backdrop-filter: blur(3px); opacity: 0; pointer-events: none; transition: opacity 240ms ease; } .mobilemenu-backdrop.is-open { opacity: 1; pointer-events: auto; } .mobilemenu { position: fixed; top: 0; right: 0; bottom: 0; width: min(420px, 100vw); z-index: 100; background: var(--cream); transform: translateX(100%); transition: transform 320ms cubic-bezier(.2,.7,.2,1); overflow-y: auto; display: flex; flex-direction: column; padding: 0 0 20px; box-shadow: -20px 0 60px -20px rgba(44,42,36, 0.35); } .mobilemenu.is-open { transform: translateX(0); } .mobilemenu__head { display: flex; justify-content: space-between; align-items: center; padding: calc(18px + env(safe-area-inset-top, 0px)) 20px 16px; min-height: calc(64px + env(safe-area-inset-top, 0px)); box-sizing: border-box; border-bottom: 1px solid var(--line-soft); background: var(--cream); position: sticky; top: 0; z-index: 2; } .mobilemenu__brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; } .mobilemenu__logo { width: 36px; height: 36px; object-fit: contain; } .mobilemenu__name { font-family: var(--serif); font-size: 18px; color: var(--ink); letter-spacing: -0.01em; } .mobilemenu-close { width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line-soft); background: var(--cream); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: background 180ms, border-color 180ms; } .mobilemenu-close:hover { background: var(--paper-2); border-color: var(--ink); } .mobilemenu__cart { display: flex; align-items: center; gap: 12px; padding: 14px 20px; background: var(--paper-2); text-decoration: none; color: var(--ink); border-bottom: 1px solid var(--line-soft); transition: background 180ms; } .mobilemenu__cart:hover { background: #d8d3c0; background: color-mix(in oklch, var(--paper-2) 90%, var(--salviaD)); } .mobilemenu__cart.has-items { background: #d8e0d3; background: color-mix(in oklch, var(--cream) 80%, var(--salviaD) 20%); } .mobilemenu__cart-ico { width: 40px; height: 40px; border-radius: 50%; background: var(--cream); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--ink); } .mobilemenu__cart-body { flex: 1; min-width: 0; } .mobilemenu__cart-body strong { display: block; font-size: 14px; font-weight: 600; color: var(--ink); line-height: 1.3; } .mobilemenu__cart-body small { display: block; font-size: 12px; color: var(--ink-2); font-family: var(--mono); margin-top: 2px; } .mobilemenu__cart-arrow { font-size: 20px; color: var(--salviaD); flex-shrink: 0; } .mobilemenu__nav { padding: 14px 4px; flex-shrink: 0; } .mobilemenu__list { list-style: none; padding: 0; margin: 0; } .mobilemenu__list li { margin: 0; padding: 0; } .mobilemenu__list li a { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; font-family: var(--serif); font-size: 22px; color: var(--ink); text-decoration: none; transition: background 180ms, color 180ms; border: 0; position: relative; line-height: 1.2; letter-spacing: -0.01em; } .mobilemenu__list li a::after { content: '→'; color: var(--mute); font-family: var(--sans); font-size: 16px; transition: transform 180ms, color 180ms; } .mobilemenu__list li a:hover, .mobilemenu__list li.current-menu-item a { background: var(--paper-2); color: var(--salviaD); } .mobilemenu__list li a:hover::after, .mobilemenu__list li.current-menu-item a::after { color: var(--salviaD); transform: translateX(4px); } .mobilemenu__nav > a { display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; font-family: var(--serif); font-size: 22px; line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); text-decoration: none; border-bottom: 1px solid var(--line-soft, #ece8df); transition: background 180ms, color 180ms; } .mobilemenu__nav > a::after { content: '→'; color: var(--mute); font-family: var(--sans); font-size: 16px; transition: transform 180ms, color 180ms; } .mobilemenu__nav > a:hover { background: var(--paper-2); color: var(--salviaD); } .mobilemenu__nav > a:hover::after { color: var(--salviaD); transform: translateX(4px); } .mobilemenu__actions { padding: 14px 20px 10px; border-top: 1px solid var(--line-soft); display: flex; flex-direction: column; gap: 10px; } .mobilemenu__search { display: flex; align-items: center; gap: 10px; padding: 10px 14px; background: var(--paper-2); border-radius: 999px; color: var(--mute); } .mobilemenu__search input { flex: 1; background: transparent; border: 0; font-size: 14px; color: var(--ink); font-family: var(--sans); } .mobilemenu__search input:focus { outline: none; } .mobilemenu__search input::placeholder { color: var(--mute); } .mobilemenu__mini { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .mobilemenu__mini a { display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 999px; text-decoration: none; color: var(--ink); font-size: 13px; transition: background 180ms, border-color 180ms; position: relative; } .mobilemenu__mini a:hover { background: var(--paper-2); border-color: var(--salviaD); } .mobilemenu__mini a svg { color: var(--salviaD); flex-shrink: 0; } .mobilemenu__badge { position: absolute; top: -4px; right: -4px; background: var(--ink); color: var(--cream); font-family: var(--mono); font-size: 10px; font-style: normal; min-width: 18px; height: 18px; border-radius: 9px; padding: 0 5px; display: none; align-items: center; justify-content: center; font-weight: 600; } .mobilemenu__badge.is-visible { display: inline-flex; } .mobilemenu__contact { padding: 14px 20px; border-top: 1px solid var(--line-soft); display: flex; flex-direction: column; gap: 4px; } .mobilemenu__contact-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; text-decoration: none; color: var(--ink); font-size: 13px; border-radius: 6px; transition: background 180ms; } .mobilemenu__contact-item:hover { background: var(--paper-2); } .mobilemenu__contact-item span { font-size: 16px; flex-shrink: 0; } .mobilemenu__contact-item em { font-style: normal; color: var(--mute); font-family: var(--mono); font-size: 11px; margin-left: auto; } .mobilemenu__social { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 20px 12px; border-top: 1px solid var(--line-soft); padding-top: 14px; } .mobilemenu__social a { padding: 6px 12px; background: var(--paper-2); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink); text-decoration: none; transition: background 180ms; } .mobilemenu__social a:hover { background: var(--salviaD); color: var(--cream); } .mobilemenu__credit { padding: 12px 20px 0; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); text-align: center; margin: auto 0 0; } .marquee { background: var(--salviaD); color: var(--cream); padding: 10px 0; overflow: hidden; } .marquee-track { display: flex; gap: 40px; white-space: nowrap; animation: marquee 60s linear infinite; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } .marquee-track span { padding-left: 40px; } .marquee-track span::before { content: '◦'; margin-right: 40px; color: var(--gold); } @keyframes marquee { to { transform: translateX(-50%); } } .display { font-family: var(--serif); font-weight: 400; line-height: 0.95; letter-spacing: -0.02em; } .display-italic { font-style: italic; letter-spacing: -0.015em; } .mono { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; } .mono-sm { font-size: 10px; letter-spacing: 0.14em; } .mono-lg { font-size: 13px; letter-spacing: 0.06em; } .prose { max-width: 62ch; font-size: 17px; line-height: 1.6; color: var(--ink-2); } .prose.serif { font-family: var(--serif); font-weight: 400; font-size: clamp(22px, 2.2vw, 28px); line-height: 1.35; letter-spacing: -0.01em; color: var(--ink); } .drop::first-letter { font-family: var(--serif); font-size: 5em; float: left; line-height: 0.85; padding: 8px 12px 0 0; color: var(--gold); } @media (max-width: 720px) { .drop::first-letter { font-size: 3.5em; padding: 4px 8px 0 0; } } .idx { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); display: inline-flex; align-items: baseline; gap: 10px; } .idx b { color: var(--salviaD); font-weight: 500; } .hero { padding: 80px 0 0; position: relative; } .hero-grid { display: grid; grid-template-columns: 1.25fr 1fr; gap: 64px; padding: 0 32px; max-width: var(--maxw); margin: 0 auto; align-items: end; } @media (max-width: 960px) { .hero-grid { grid-template-columns: 1fr; gap: 28px; padding: 0 18px; } .hero { padding-top: 32px; padding-bottom: 8px; } .hero-specs { padding: 22px 22px; gap: 14px 22px; border-radius: var(--r-md); } .hero-specs dd { font-size: 19px; } .hero-specs dt { font-size: 9px; } .hero-caption { padding: 14px 18px; gap: 12px; font-size: 9px; letter-spacing: 0.12em; } .idx { font-size: 10px; letter-spacing: 0.12em; gap: 8px; flex-wrap: wrap; } } .hero-word { font-family: var(--serif); font-weight: 400; font-size: clamp(48px, 6.5vw, 120px); line-height: 0.95; letter-spacing: -0.03em; color: var(--ink); overflow-wrap: break-word; margin: 0; display: flex; flex-direction: column; gap: 0; } .hero-word__line { display: block; white-space: nowrap; } .hero-word .it { font-style: italic; color: var(--salviaD); } .hero-word .gold { color: var(--gold); font-style: italic; } @media (max-width: 1100px) { .hero-word { font-size: clamp(48px, 5.5vw, 88px); } } @media (max-width: 720px) { .hero-word { font-size: clamp(36px, 10vw, 72px); } .hero-word__line { white-space: normal; } } .hero-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 32px; padding: 28px 32px; border-radius: var(--r-lg); background: var(--paper-2); position: relative; margin: 0; } .hero-specs dt { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); margin-bottom: 4px; } .hero-specs dd { font-family: var(--serif); font-size: clamp(18px, 1.6vw, 22px); line-height: 1.1; color: var(--ink); margin: 0; } .hero-specs .full { grid-column: 1 / -1; border-top: 1px solid var(--line-soft); padding-top: 12px; margin-top: 6px; } @media (max-width: 360px) { .hero-specs { grid-template-columns: 1fr; gap: 14px; padding: 18px 18px; } .hero-specs dd { font-size: 16px; } } .hero-caption { max-width: var(--maxw); margin: 32px auto 0; padding: 14px 32px 0; display: flex; gap: 24px; flex-wrap: wrap; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); border-top: 1px dashed var(--line-soft); } .hero-caption .star { color: var(--gold); } .hero-photo-wrap { padding: 32px 32px 0; margin: 40px auto 0; max-width: var(--maxw); } .hero-photo { border-radius: var(--r-xl); overflow: hidden; position: relative; background: var(--paper-2); aspect-ratio: 16 / 7; max-height: 620px; box-shadow: var(--shadow-2); } .hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .hero-photo.is-placeholder { background: radial-gradient(circle at 20% 70%, var(--cielo) 0%, transparent 45%), radial-gradient(circle at 80% 30%, var(--salvia) 0%, transparent 50%), linear-gradient(135deg, var(--sabbia) 0%, var(--salviaD) 100%); } .hero-photo figcaption { position: absolute; left: 24px; bottom: 24px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cream); background: rgba(44,42,36,0.72); padding: 10px 16px; border-radius: 999px; backdrop-filter: blur(6px); } @media (max-width: 720px) { .hero-photo-wrap { padding: 16px 18px 0; margin-top: 28px; } .hero-photo { border-radius: var(--r-lg); aspect-ratio: 4 / 3; } } .btn-line, .btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 26px; border: 1px solid var(--ink); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; transition: background 160ms, color 160ms, transform 160ms; color: var(--ink); background: transparent; text-decoration: none; cursor: pointer; line-height: 1; } .btn-line:hover, .btn:hover { background: var(--ink); color: var(--cream); transform: translateY(-1px); } .btn-line.filled, .btn--primary { background: var(--ink); color: var(--cream); } .btn-line.filled:hover, .btn--primary:hover { background: var(--salviaD); border-color: var(--salviaD); color: var(--cream); } .btn-line.gold { background: var(--gold); border-color: var(--gold); color: var(--cream); } .btn-line.gold:hover { background: var(--salviaD); border-color: var(--salviaD); } .btn--ghost { background: transparent; color: var(--ink); border-color: var(--ink); } .btn--lg { padding: 16px 28px; font-size: 12px; } .btn--sm { padding: 10px 18px; font-size: 10px; } .sec, .section { padding: 80px 0; position: relative; } .sec + .sec { padding-top: 48px; } .sec-head { max-width: var(--maxw-narrow); margin: 0 auto; padding: 0 32px 32px; display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 32px; align-items: end; } .sec-head .lbl { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--salvia-ink); } .sec-head h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 4.2vw, 64px); line-height: 1.05; letter-spacing: -0.02em; margin: 0; } .sec-head h2 em { color: var(--salviaD); font-style: italic; font-weight: 400; } .sec-head .meta { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); text-align: right; } @media (max-width: 820px) { .sec, .section { padding: 56px 0; } .sec-head { grid-template-columns: 1fr; gap: 14px; padding: 0 18px 24px; } .sec-head .meta { text-align: left; font-size: 10px; } .sec-head h2 { font-size: clamp(28px, 6.5vw, 42px); } } @media (max-width: 480px) { .sec, .section { padding: 44px 0; } } .info-strip { padding: 32px 0 8px; } .info-strip__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; border-top: 1px dashed var(--line-soft); padding: 24px 0 4px; } .info-strip__item { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; } .info-strip__icon { width: 44px; height: 44px; border-radius: 999px; background: var(--paper-2); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; color: var(--salviaD); } .info-strip__title { font-family: var(--serif); font-weight: 400; font-size: 18px; line-height: 1.2; margin: 0 0 4px; letter-spacing: -0.01em; } .info-strip__text { font-size: 13px; line-height: 1.5; color: var(--mute); margin: 0; } @media (max-width: 820px) { .info-strip__grid { grid-template-columns: 1fr; gap: 20px; padding: 20px 0; } } .sec--apertura { padding: 40px 0; } .apertura-card { display: grid; grid-template-columns: 2fr 1fr; gap: 40px; padding: 44px 48px; background: var(--paper-2); border-radius: var(--r-lg); align-items: center; } .apertura-card__side--actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .apertura-card__title { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 3.2vw, 42px); line-height: 1.1; letter-spacing: -0.02em; margin: 8px 0 12px; } .apertura-card__giorni { font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 6px; } .apertura-card__orario { font-size: 16px; line-height: 1.5; color: var(--ink-2); margin: 0; } @media (max-width: 820px) { .apertura-card { grid-template-columns: 1fr; gap: 24px; padding: 32px 28px; } } .trovarci { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; } .trovarci__map { aspect-ratio: 1/1; border-radius: var(--r-lg); overflow: hidden; background: var(--paper-2); max-height: 480px; } .trovarci__content { padding: 0; } @media (max-width: 820px) { .trovarci { grid-template-columns: 1fr; gap: 24px; } .trovarci__map { aspect-ratio: 16/10; max-height: 320px; } } .sec--compact { padding: 40px 0; } .sec--hero-compact { padding: 80px 0 40px; } .sec--quote { padding: 48px 0; text-align: center; } .sec-dark { background: var(--ink); color: var(--cream); } .sec-dark .sec-head h2, .sec-dark .sec-head h2 em { color: var(--cream); } .sec-dark .sec-head h2 em { color: var(--gold); } .sec-dark .sec-head .lbl { color: var(--gold); } .sec-dark .sec-head .meta { color: color-mix(in oklch, var(--cream) 70%, transparent); } .temino-quote { max-width: 22ch; margin: 0 auto; padding: 0; border: 0; font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(28px, 4vw, 56px); line-height: 1.1; letter-spacing: -0.02em; color: var(--ink); } .temino-quote p { margin: 0; } .temino-quote cite { display: block; margin-top: 20px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); font-style: normal; } .quality-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .quality-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 14px; } .quality-list li { display: grid; grid-template-columns: 28px 1fr; gap: 12px; align-items: baseline; font-family: var(--serif); font-size: clamp(18px, 2vw, 22px); line-height: 1.3; color: var(--ink); padding: 12px 0; border-bottom: 1px dashed var(--line-soft); } .quality-list__check { color: var(--salviaD); font-weight: 700; font-family: var(--mono); } @media (max-width: 820px) { .quality-grid { grid-template-columns: 1fr; gap: 24px; } } .manifesto-grid { padding: 0 32px; display: grid; grid-template-columns: 1fr 1fr; gap: 64px; max-width: var(--maxw-narrow); margin: 0 auto; } @media (max-width: 820px) { .manifesto-grid { grid-template-columns: 1fr; gap: 28px; padding: 0 18px; } } .stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; } .stat-cell { padding: 40px 28px; border-radius: var(--r-lg); background: var(--paper-2); position: relative; overflow: hidden; } .stat-cell:nth-child(2) { background: var(--salvia); } .stat-cell:nth-child(5) { background: var(--cielo); color: var(--cream); } .stat-cell:nth-child(5) .stat-l { color: color-mix(in oklch, var(--cream) 80%, transparent); } .stat-num { font-family: var(--serif); font-size: clamp(40px, 5vw, 72px); line-height: 0.95; letter-spacing: -0.03em; } .stat-u { font-size: clamp(18px, 2vw, 28px); color: var(--mute); margin-left: 6px; } .stat-cell:nth-child(5) .stat-u { color: color-mix(in oklch, var(--cream) 80%, transparent); } .stat-l { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); margin-top: 12px; } @media (max-width: 900px) { .stats-grid { grid-template-columns: repeat(2, 1fr); padding: 0 18px; } } @media (max-width: 560px) { .stats-grid { grid-template-columns: 1fr; } } .strata { max-width: var(--maxw-narrow); margin: 0 auto; padding: 32px 32px 120px; border-top: 1px solid var(--line); perspective: 1400px; perspective-origin: 50% 30%; transform-style: preserve-3d; view-timeline-name: --strata-view; } .strata-row { display: grid; grid-template-columns: minmax(180px, 240px) 1fr; grid-template-rows: auto auto; gap: 8px 48px; align-items: start; padding: 56px 0; border-bottom: 1px solid var(--line); position: relative; transform-origin: center 80%; transform-style: preserve-3d; will-change: transform, opacity; } .strata-row:nth-child(even) { background: linear-gradient(90deg, rgba(196,185,142,0.05) 0%, transparent 70%); } .strata-row:nth-child(odd) { background: linear-gradient(90deg, transparent 30%, rgba(107,138,110,0.04) 100%); } .strata-row .mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--salviaD); margin-bottom: 12px; display: block; } .strata-row > div:first-child { grid-column: 1; grid-row: 1 / span 2; } .strata-row .year { font-family: var(--serif); font-size: clamp(34px, 3.6vw, 60px); line-height: 0.95; color: var(--ink); letter-spacing: -0.02em; font-weight: 400; display: block; overflow-wrap: break-word; word-break: break-word; hyphens: auto; background: linear-gradient(180deg, var(--ink) 0%, var(--salviaD) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .strata-row .event { grid-column: 2; grid-row: 1; align-self: end; font-family: var(--serif); font-size: clamp(20px, 1.8vw, 26px); line-height: 1.15; color: var(--salviaD); font-style: italic; display: block; margin-bottom: 12px; } .strata-row .desc { grid-column: 2; grid-row: 2; font-family: var(--sans); font-size: 15px; line-height: 1.65; color: var(--ink-2); max-width: 52ch; } @supports (animation-timeline: view()) { .strata-row { animation: stratum-3d-in linear both; animation-timeline: view(); animation-range: entry 0% cover 40%; } @keyframes stratum-3d-in { from { opacity: 0; transform: rotateX(-22deg) translateY(60px) translateZ(-100px) scale(0.94); } to { opacity: 1; transform: rotateX(0) translateY(0) translateZ(0) scale(1); } } } @media (max-width: 900px) { .strata { padding: 16px 18px 60px; perspective: none; } .strata-row { grid-template-columns: 1fr; gap: 12px; padding: 36px 0; } .strata-row > div:first-child, .strata-row .event, .strata-row .desc { grid-column: 1; grid-row: auto; } .strata-row .year { font-size: clamp(30px, 8vw, 44px); } .strata-row .event { font-size: 19px; } } @media (prefers-reduced-motion: reduce) { .strata { perspective: none; } .strata-row { transform: none !important; animation: none !important; opacity: 1 !important; } } .articles { max-width: var(--maxw-narrow); margin: 0 auto 120px; padding: 0 32px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px 24px; } .articles--single { grid-template-columns: 1fr; max-width: 720px; } .articles--odd .article-card:first-child { grid-column: span 3; } .article-card { display: flex; flex-direction: column; background: transparent; text-decoration: none; color: var(--ink); transition: transform 0.4s ease; } .article-card:hover { transform: translateY(-4px); } .article-card__media { position: relative; aspect-ratio: 4/3; overflow: hidden; background: var(--paper-2); border-radius: 8px; margin-bottom: 18px; } .article-card__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; } .article-card:hover .article-card__media img { transform: scale(1.05); } .article-card__cat-badge { position: absolute; top: 12px; left: 12px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; background: rgba(253,251,247, 0.95); backdrop-filter: blur(8px); color: var(--ink); padding: 5px 12px; border-radius: 999px; } .article-card__body { display: flex; flex-direction: column; gap: 8px; padding: 0 4px; } .article-card__meta { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); } .article-card__title { font-family: var(--serif); font-weight: 400; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.2; letter-spacing: -0.01em; color: var(--ink); margin: 0; } .article-card:hover .article-card__title { color: var(--salviaD); } .article-card__read { margin-top: 4px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--salviaD); } .article-card.no-image { background: var(--paper-2); padding: 32px 28px; border-radius: 12px; min-height: 260px; justify-content: space-between; margin-bottom: 0; } .article-card.no-image .article-card__title { font-size: clamp(22px, 2.2vw, 30px); margin: 12px 0; } .article-card--cta { background: var(--ink); color: var(--cream); padding: 32px 28px; border-radius: 12px; min-height: 260px; justify-content: space-between; transition: background 200ms; } .article-card--cta:hover { background: var(--salviaD); transform: translateY(-4px); } .article-card--cta .article-card__title { color: var(--cream); font-style: italic; font-size: clamp(22px, 2.2vw, 28px); } .article-card--cta .article-card__meta { color: rgba(253,251,247, 0.6); } .article-card--cta .article-card__read { color: var(--gold); } @media (max-width: 1000px) { .articles { grid-template-columns: repeat(2, 1fr); } .articles--odd .article-card:first-child { grid-column: span 2; } } @media (max-width: 640px) { .articles { grid-template-columns: 1fr; padding: 0 18px; margin-bottom: 60px; gap: 28px; } .articles--odd .article-card:first-child { grid-column: span 1; } .article-card__media { aspect-ratio: 16/10; margin-bottom: 14px; } .article-card.no-image, .article-card--cta { padding: 24px 20px; min-height: 200px; } } .cta-final { max-width: var(--maxw); margin: 0 auto; background: var(--salviaD); color: var(--cream); padding: clamp(60px, 10vw, 120px) 32px; border-radius: var(--r-lg); text-align: center; } .cta-word { font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 7vw, 110px); line-height: 0.95; letter-spacing: -0.03em; } .cta-word em { font-style: italic; color: var(--gold); font-weight: 400; } .agri { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; max-width: var(--maxw); margin: 0 auto; padding: 0 32px; } .agri .side { background: var(--paper-2); border-radius: var(--r-lg); padding: 48px 44px; } .agri .side.b { background: var(--salviaD); color: var(--cream); } .agri .side.b h2, .agri .side.b em { color: var(--cream); } .agri h2 { font-family: var(--serif); font-weight: 400; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -0.02em; } .agri h2 em { color: var(--salviaD); font-style: italic; font-weight: 400; } @media (max-width: 860px) { .agri { grid-template-columns: 1fr; padding: 0 18px; gap: 18px; } .agri .side { padding: 32px 24px; } } .page-intro { padding: 80px 0 40px; max-width: var(--maxw); margin: 0 auto; } .page-intro .container { max-width: none; } .page-intro__title { font-family: var(--serif); font-weight: 400; font-size: clamp(44px, 6vw, 88px); line-height: 1; letter-spacing: -0.02em; margin: 0; } .page-intro__desc { color: var(--ink-2); max-width: 60ch; font-size: 17px; line-height: 1.6; } .eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--salvia-ink); margin: 0 0 20px; } .foot, .site-footer { background: var(--ink); color: var(--cream); padding: 80px 0 32px; margin-top: 80px; position: relative; } .foot-wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 32px; } .foot .big, .site-footer__big { font-family: var(--serif); font-weight: 400; font-style: italic; font-size: clamp(40px, 6vw, 100px); line-height: 0.95; letter-spacing: -0.03em; color: var(--cream); margin: 0; } .foot .big em, .site-footer__big em { color: var(--gold); font-style: italic; font-weight: 400; } .foot-cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; margin-top: 60px; padding-top: 40px; border-top: 1px dashed rgba(253,251,247, 0.15); } .foot-cols h5 { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sabbia); margin: 0 0 16px; font-weight: 500; } .foot-cols ul { list-style: none; display: grid; gap: 8px; padding: 0; margin: 0; } .foot-cols a { color: color-mix(in oklch, var(--cream) 80%, transparent); transition: color 160ms; } .foot-cols a:hover { color: var(--gold); } .foot-cols p { color: color-mix(in oklch, var(--cream) 80%, transparent); margin: 0 0 8px; line-height: 1.5; font-size: 14px; } .foot-cols p a { border-bottom: 1px solid transparent; } .foot-cols p a:hover { border-color: var(--gold); } .foot-sign { margin-top: 32px; padding-top: 24px; border-top: 1px dashed rgba(253,251,247, 0.15); display: flex; justify-content: space-between; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: color-mix(in oklch, var(--cream) 60%, transparent); flex-wrap: wrap; gap: 12px; } .foot-sign a { color: inherit; } .foot-sign a:hover { color: var(--gold); } .foot-newsletter { display: flex; gap: 8px; margin-top: 12px; border: 1px solid rgba(253,251,247, 0.25); border-radius: 999px; padding: 4px 4px 4px 16px; max-width: 240px; align-items: center; } .foot-newsletter input { flex: 1; background: transparent; border: 0; color: var(--cream); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; padding: 8px 0; } .foot-newsletter input::placeholder { color: rgba(253,251,247, 0.5); } .foot-newsletter button { width: 32px; height: 32px; border-radius: 999px; background: var(--gold); color: var(--cream); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; } .foot-newsletter button:hover { background: var(--cream); color: var(--ink); } @media (max-width: 820px) { .foot-cols { grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 40px; padding-top: 28px; } .foot-wrap { padding: 0 18px; } .foot, .site-footer { padding: 56px 0 24px; margin-top: 56px; } .foot .big, .site-footer__big { font-size: clamp(44px, 14vw, 80px); } } @media (max-width: 520px) { .foot-cols { grid-template-columns: 1fr; } .foot, .site-footer { padding-top: 40px; } .foot-sign { flex-direction: column; align-items: flex-start; gap: 10px; font-size: 9px; } } .page-in { animation: fadeIn 360ms ease; } @keyframes fadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } } .breadcrumb { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); margin: 0 0 20px; } .breadcrumb a { color: inherit; border-bottom: 1px solid transparent; transition: border-color 160ms; } .breadcrumb a:hover { border-color: var(--salviaD); color: var(--salviaD); } .page-article__cover img, .post-article__cover img { width: 100%; border-radius: var(--r-lg); aspect-ratio: 16/9; object-fit: cover; } .entry-content { font-size: 17px; line-height: 1.7; color: var(--ink-2); } .entry-content h2 { font-family: var(--serif); font-weight: 400; color: var(--ink); font-size: clamp(28px, 3.5vw, 44px); line-height: 1.15; letter-spacing: -0.01em; margin: 48px 0 16px; } .entry-content h3 { font-family: var(--serif); font-weight: 400; color: var(--ink); font-size: clamp(22px, 2.5vw, 30px); line-height: 1.2; margin: 32px 0 12px; } .entry-content p { margin: 0 0 16px; } .entry-content a { color: var(--salviaD); border-bottom: 1px solid currentColor; } .error-404 { padding: 120px 0 80px; text-align: center; max-width: 640px; margin: 0 auto; } .error-404__title { font-family: var(--serif); font-size: clamp(48px, 8vw, 96px); line-height: 1; margin: 0 0 16px; } .error-404__text { color: var(--ink-2); font-size: 18px; line-height: 1.5; margin: 0 0 32px; } .error-404__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-bottom: 32px; } .error-404__search { max-width: 420px; margin: 0 auto; } .search-form { display: flex; gap: 8px; align-items: center; border: 1px solid var(--ink); border-radius: 999px; padding: 4px 4px 4px 20px; } .search-form input[type="search"] { flex: 1; padding: 12px 0; background: transparent; border: 0; color: var(--ink); font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; } .search-form__submit { width: 44px; height: 44px; border-radius: 999px; background: var(--ink); color: var(--cream); display: inline-flex; align-items: center; justify-content: center; } .search-form__submit:hover { background: var(--salviaD); } .blog-hero { padding: 80px 0 48px; border-bottom: 1px solid var(--line); margin-bottom: 48px; } .blog-hero__eyebrow { font-family: var(--mono); font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink-2); margin: 0 0 20px; } .blog-hero__title { font-family: var(--serif); font-weight: 500; font-size: clamp(40px, 6vw, 84px); line-height: 1.02; letter-spacing: -0.02em; margin: 0 0 24px; color: var(--ink); } .blog-hero__title em { font-style: italic; color: var(--salviaD); } .blog-hero__lead { max-width: 58ch; font-size: clamp(16px, 1.4vw, 18px); line-height: 1.6; color: var(--ink-2); margin: 0 0 20px; } .blog-hero__meta { font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; color: var(--ink-2); margin: 0; } .blog-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 48px 32px; margin: 0 0 64px; } .blog-card { display: flex; flex-direction: column; background: transparent; transition: transform 0.4s ease; } .blog-card:hover { transform: translateY(-4px); } .blog-card__image { display: block; aspect-ratio: 4/3; overflow: hidden; background: var(--latte); margin-bottom: 20px; border-radius: 4px; } .blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .blog-card:hover .blog-card__image img { transform: scale(1.04); } .blog-card__body { display: flex; flex-direction: column; gap: 10px; } .blog-card__cat { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-2); margin: 0; } .blog-card__title { font-family: var(--serif); font-weight: 500; font-size: clamp(22px, 2vw, 28px); line-height: 1.2; margin: 0; } .blog-card__title a { color: var(--ink); text-decoration: none; background-image: linear-gradient(currentColor, currentColor); background-size: 0% 1px; background-repeat: no-repeat; background-position: 0 100%; transition: background-size 0.4s ease; } .blog-card__title a:hover { background-size: 100% 1px; } .blog-card__excerpt { color: var(--ink-2); font-size: 15px; line-height: 1.6; margin: 0; } .blog-card__read { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--salviaD); margin: 6px 0 0; } .blog-pagination { display: flex; justify-content: center; padding: 32px 0 96px; border-top: 1px solid var(--line); } .blog-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; color: var(--ink); text-decoration: none; border: 1px solid var(--line); margin: 0 4px; transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease; } .blog-pagination .page-numbers:hover { border-color: var(--ink); } .blog-pagination .page-numbers.current { background: var(--ink); color: var(--cream); border-color: var(--ink); } .blog-empty { text-align: center; padding: 96px 0 160px; max-width: 560px; margin: 0 auto; } .blog-empty__icon { font-size: 48px; margin: 0 0 16px; } .blog-empty__title { font-family: var(--serif); font-weight: 500; font-size: clamp(28px, 3vw, 40px); margin: 0 0 12px; } .blog-empty__text { color: var(--ink-2); font-size: 16px; line-height: 1.6; margin: 0 0 32px; } @media (max-width: 768px) { .blog-hero { padding: 48px 0 32px; margin-bottom: 32px; } .blog-grid { grid-template-columns: 1fr; gap: 40px; margin-bottom: 48px; } .blog-card__image { aspect-ratio: 16/10; } .blog-pagination { padding: 24px 0 64px; } }
.bottega-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; max-width: var(--maxw-narrow); margin: 0 auto; padding: 0 32px; } .bottega-card { display: flex; flex-direction: column; background: var(--paper-2); border-radius: var(--r-md); overflow: hidden; transition: transform 280ms, box-shadow 280ms; cursor: pointer; text-decoration: none; color: var(--ink); } .bottega-card:hover { transform: translateY(-4px); box-shadow: 0 24px 40px -24px rgba(44,42,36,0.35); } .bottega-photo { aspect-ratio: 4 / 3; position: relative; overflow: hidden; background: var(--cream-2); } .bottega-photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms; } .bottega-card:hover .bottega-photo img { transform: scale(1.06); } .bottega-photo.is-placeholder, .bottega-photo .is-placeholder { background: linear-gradient(160deg, var(--sabbia) 0%, var(--salvia) 100%); position: relative; } .bottega-photo.is-placeholder::before, .bottega-photo .is-placeholder::before { content: attr(data-initial); position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 140px; color: rgba(44,42,36,0.35); letter-spacing: -0.04em; } .bottega-code { position: absolute; top: 14px; left: 14px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cream); background: rgba(44,42,36,0.78); padding: 6px 12px; border-radius: 999px; z-index: 2; } .bottega-meta { padding: 20px 22px 22px; display: flex; flex-direction: column; gap: 8px; flex: 1; } .bottega-meta h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(20px, 1.8vw, 26px); line-height: 1.1; letter-spacing: -0.01em; margin: 0; color: var(--ink); } .bottega-sub { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); display: flex; gap: 8px; flex-wrap: wrap; } .bottega-sub .dot { color: var(--sabbia); } .bottega-foot { display: flex; justify-content: space-between; align-items: baseline; margin-top: auto; padding-top: 14px; border-top: 1px dashed var(--line-soft); font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; } .bottega-price { color: var(--ink); font-size: 15px; font-family: var(--serif); letter-spacing: 0; } .bottega-price .woocommerce-Price-amount, .bottega-price bdi { font-family: var(--serif); } .bottega-arrow { color: var(--salviaD); } @media (max-width: 1100px) { .bottega-grid { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 820px) { .bottega-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; padding: 0 18px; } } @media (max-width: 460px) { .bottega-grid { grid-template-columns: 1fr; } .bottega-meta h3 { font-size: 22px; } } .posts-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; max-width: var(--maxw); margin: 0 auto; padding: 40px 32px 80px; } .post-card { background: var(--paper-2); border-radius: var(--r-md); padding: 28px; cursor: pointer; transition: transform 280ms, background 280ms; text-decoration: none; color: var(--ink); } .post-card:hover { transform: translateY(-4px); background: var(--salvia); } .post-card__image { margin: -28px -28px 20px; border-radius: var(--r-md) var(--r-md) 0 0; overflow: hidden; } .post-card__image img { aspect-ratio: 4/3; object-fit: cover; width: 100%; } .post-card__cat, .post-card__meta { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); margin: 0 0 10px; } .post-card__title { font-family: var(--serif); font-weight: 400; font-size: clamp(22px, 2.2vw, 30px); line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 10px; } .post-card__title a { color: var(--ink); } .post-card__title a:hover { color: var(--salviaD); } .post-card__excerpt { font-size: 15px; color: var(--ink-2); line-height: 1.5; margin: 0 0 16px; } @media (max-width: 960px) { .posts-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 620px) { .posts-grid { grid-template-columns: 1fr; padding: 24px 18px 48px; } } .search-card { padding: 28px 0; border-bottom: 1px dashed var(--line-soft); } .search-card__type { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 8px; } .search-card__title { font-family: var(--serif); font-weight: 400; font-size: clamp(22px, 2vw, 28px); line-height: 1.15; margin: 0 0 8px; } .search-card__title a { color: var(--ink); } .search-card__title a:hover { color: var(--salviaD); } .search-card__excerpt { color: var(--ink-2); margin: 0; } .navigation.pagination { display: flex; justify-content: center; padding: 60px 32px; max-width: var(--maxw); margin: 0 auto; } .page-numbers { display: inline-flex; gap: 8px; list-style: none; padding: 0; margin: 0; flex-wrap: wrap; } .page-numbers a, .page-numbers span { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0 12px; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); border: 1px solid var(--line-soft); text-decoration: none; } .page-numbers a:hover { background: var(--paper-2); border-color: var(--ink); } .page-numbers .current { background: var(--ink); color: var(--cream); border-color: var(--ink); } .comments { padding: 60px 32px; max-width: var(--container-reading); margin: 0 auto; border-top: 1px dashed var(--line-soft); } .comments__title { font-family: var(--serif); font-size: 28px; margin: 0 0 24px; } .comment-list { list-style: none; padding: 0; margin: 0; } .comment-body { padding: 20px 0; border-bottom: 1px dashed var(--line-soft); } .comment-author { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; } .comment-meta a { color: var(--mute); font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; } .comment-reply-link { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--salviaD); } .comment-form { display: flex; flex-direction: column; gap: 12px; padding-top: 20px; } .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { padding: 14px 18px; background: var(--paper-2); border-radius: var(--r-sm); font-size: 15px; } .widget { margin-bottom: 32px; } .widget ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } .widget-title { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; margin: 0 0 16px; color: inherit; } .contact-form { display: flex; flex-direction: column; gap: 16px; } .contact-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; } .contact-form__field { display: flex; flex-direction: column; gap: 8px; } .contact-form__field span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: color-mix(in oklch, currentColor 65%, transparent); } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form textarea { padding: 14px 18px; background: rgba(253,251,247,0.08); border: 1px solid rgba(253,251,247,0.18); border-radius: var(--r-md); color: inherit; font-size: 15px; font-family: var(--sans); transition: border-color 180ms, background 180ms; } .contact-form input:focus, .contact-form textarea:focus { border-color: var(--gold); background: rgba(253,251,247,0.12); } .contact-form__consent { display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: 13px; line-height: 1.5; color: color-mix(in oklch, currentColor 85%, transparent); margin-top: 8px; } .contact-form__consent input[type="checkbox"] { margin-top: 3px; } @media (max-width: 640px) { .contact-form__row { grid-template-columns: 1fr; } } .sec-dark .contact-form input, .sec-dark .contact-form textarea { background: rgba(253,251,247,0.08); border-color: rgba(253,251,247,0.18); color: var(--cream); } .horeca-targets { display: flex; flex-wrap: wrap; gap: 10px; } .horeca-target { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: var(--paper-2); border: 1px solid var(--line-soft); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink); } .horeca-steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; } .horeca-steps li { display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: start; } .horeca-steps__num { font-family: var(--serif); font-size: 44px; line-height: 1; color: var(--salviaD); letter-spacing: -0.02em; } .horeca-steps h3 { font-family: var(--serif); font-size: 20px; line-height: 1.2; margin: 0 0 8px; font-weight: 400; letter-spacing: -0.01em; } .horeca-steps p { font-size: 14px; line-height: 1.55; color: var(--ink-2); margin: 0; } @media (max-width: 960px) { .horeca-steps { grid-template-columns: 1fr; gap: 24px; } } .agri-gallery { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 12px; } .agri-gallery__item { margin: 0; border-radius: var(--r-md); overflow: hidden; aspect-ratio: 4/3; } .agri-gallery__item:first-child { aspect-ratio: 4/3; } .agri-gallery__item img { width: 100%; height: 100%; object-fit: cover; } @media (max-width: 820px) { .agri-gallery { grid-template-columns: 1fr; } .agri-gallery__item { aspect-ratio: 16/9; } } .horeca-benefits { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .horeca-benefits__item { padding: 32px 28px; background: var(--paper-2); border-radius: var(--r-md); } .horeca-benefits__num { font-family: var(--serif); font-size: 44px; line-height: 1; color: var(--salviaD); letter-spacing: -0.02em; margin-bottom: 16px; } .horeca-benefits__item h3 { font-family: var(--serif); font-size: 20px; line-height: 1.2; margin: 0 0 10px; font-weight: 400; letter-spacing: -0.01em; } .horeca-benefits__item p { font-size: 14px; line-height: 1.55; color: var(--ink-2); margin: 0; } @media (max-width: 960px) { .horeca-benefits { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { .horeca-benefits { grid-template-columns: 1fr; } } .linktree__item { display: grid; grid-template-columns: 42px 1fr auto; gap: 14px; align-items: center; padding: 16px 20px; background: var(--paper-2); border: 1px solid var(--line-soft); border-radius: var(--r-md); color: var(--ink); text-decoration: none; transition: background 180ms, border-color 180ms, transform 180ms; } a.linktree__item:hover { background: var(--cream); border-color: var(--salviaD); transform: translateY(-2px); } .linktree__item--highlight { background: var(--salviaD); color: var(--cream); border-color: var(--salviaD); } .linktree__item--highlight .linktree__meta { color: color-mix(in oklch, var(--cream) 75%, transparent); } .linktree__item--highlight .linktree__arrow { color: var(--gold); } .linktree__item--highlight:hover { background: var(--ink); } .linktree__icon { width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; background: var(--cream); border-radius: 999px; font-size: 20px; } .linktree__item--highlight .linktree__icon { background: rgba(253,251,247,0.15); } .linktree__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; } .linktree__label { font-family: var(--serif); font-size: 17px; line-height: 1.15; letter-spacing: -0.01em; } .linktree__meta { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); } .linktree__arrow { font-family: var(--mono); font-size: 18px; color: var(--salviaD); transition: transform 180ms; } a.linktree__item:hover .linktree__arrow { transform: translateX(4px); } .shop-chip { padding: 8px 18px; border-radius: 999px; border: 1px solid var(--ink); font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--ink); transition: background 120ms, color 120ms; text-decoration: none; } .shop-chip:hover { background: var(--paper-2); } .shop-chip.on { background: var(--ink); color: var(--cream); } .gdpr-banner { position: fixed; left: 20px; right: 20px; bottom: 20px; background: var(--ink); color: var(--cream); padding: 20px 24px; border-radius: var(--r-md); box-shadow: var(--shadow-2); z-index: var(--z-modal); max-width: 460px; margin-left: auto; animation: slideUp 400ms var(--ease); } @keyframes slideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .gdpr-banner__text { font-size: 13px; line-height: 1.5; margin: 0 0 16px; color: rgba(253, 251, 247, 0.85); color: color-mix(in oklch, var(--cream) 85%, transparent); } .gdpr-banner__text a { color: var(--gold); text-decoration: underline; } .gdpr-banner__actions { display: flex; flex-wrap: wrap; gap: 8px; } .gdpr-banner button { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; padding: 10px 18px; border: 1px solid rgba(253,251,247, 0.3); border-radius: 999px; color: var(--cream); transition: background 160ms, color 160ms; } .gdpr-banner button:hover { background: var(--cream); color: var(--ink); } .gdpr-banner button[data-gdpr="accept-all"] { background: var(--gold); border-color: var(--gold); color: var(--ink); } .gdpr-banner button[data-gdpr="accept-all"]:hover { background: var(--cream); } .gdpr-banner__settings { display: none; padding-top: 16px; margin-top: 16px; border-top: 1px dashed rgba(253,251,247, 0.15); } .gdpr-banner__settings.is-open { display: block; } .gdpr-banner__category { display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; font-size: 12px; } .gdpr-banner__category small { color: color-mix(in oklch, var(--cream) 60%, transparent); display: block; margin-top: 2px; font-size: 11px; } @media (max-width: 720px) { .hide-mob { display: none !important; } } .show-mob { display: none; } @media (max-width: 720px) { .show-mob { display: initial; } } .r-lg { border-radius: var(--r-lg); } .r-xl { border-radius: var(--r-xl); } .r-md { border-radius: var(--r-md); } .lead { font-family: var(--serif); font-size: clamp(22px, 2.4vw, 32px); line-height: 1.3; letter-spacing: -0.01em; color: var(--ink); max-width: 42ch; } .alert, .notice { padding: 16px 22px; border-radius: var(--r-md); background: var(--paper-2); border-left: 3px solid var(--gold); margin: 16px 0; } .alert--error { background: #FBE9E3; border-color: #B9452B; } .alert--success { background: #E8EEE3; border-color: #4A6B3A; } body.density-compatta .sec { padding: 60px 0; } body.density-comoda .sec { padding: clamp(64px, 7vw, 104px) 0; } body.density-aerata .sec { padding: 140px 0; } body.density-comoda .sec + .sec { padding-top: clamp(40px, 5vw, 72px); } body.density-comoda .sec-head { padding-bottom: clamp(20px, 3vw, 40px); } .temino-search-dropdown { position: absolute; top: calc(100% + 8px); left: 0; right: 0; max-width: 520px; max-height: 480px; overflow-y: auto; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 12px; box-shadow: 0 20px 60px -20px rgba(44,42,36, 0.3); z-index: 9999; display: none; font-size: 14px; } .temino-search-dropdown.is-open { display: block; animation: tcSearchIn 200ms ease; } @keyframes tcSearchIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } } .temino-search-loading, .temino-search-empty { padding: 16px 18px; color: var(--mute); font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-align: center; } .temino-search-group { padding: 6px 0; } .temino-search-group + .temino-search-group { border-top: 1px solid var(--line-soft); } .temino-search-group__head { padding: 8px 16px 4px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salviaD); } .temino-search-group__list { list-style: none; padding: 0; margin: 0; } .temino-search-item { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; padding: 8px 16px; color: var(--ink); text-decoration: none; transition: background 140ms; } .temino-search-group__list li.is-active .temino-search-item, .temino-search-item:hover { background: var(--paper-2); } .temino-search-item__img { width: 40px; height: 40px; background: var(--paper-2); border-radius: 6px; overflow: hidden; display: flex; align-items: center; justify-content: center; } .temino-search-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; } .temino-search-no-img { color: var(--mute); font-size: 18px; } .temino-search-item__body { min-width: 0; line-height: 1.3; } .temino-search-item__body strong { display: block; font-family: var(--serif); font-size: 14px; font-weight: 400; color: var(--ink); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .temino-search-meta { display: block; font-size: 11px; color: var(--mute); margin-top: 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .temino-search-meta .amount, .temino-search-meta del, .temino-search-meta ins { color: var(--ink); font-family: var(--serif); font-weight: 500; } .temino-search-allresults { display: block; padding: 12px 16px; background: var(--paper-2); color: var(--salviaD); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; text-align: center; text-decoration: none; border-top: 1px solid var(--line-soft); transition: background 140ms; } .temino-search-allresults:hover { background: var(--ink); color: var(--cream); } @media (max-width: 540px) { .temino-search-dropdown { max-width: none; max-height: 70vh; } }
.temino-woo-wrapper { max-width: var(--maxw); margin: 0 auto; padding: 40px 0 60px; } @media (max-width: 768px) { .temino-woo-wrapper { padding: 20px 0 40px; } } .woocommerce-cart .cart-empty.woocommerce-info, .woocommerce-cart .return-to-shop, body.woocommerce-cart .woocommerce-notices-wrapper:has(.cart-empty) { display: none !important; } .woocommerce-cart .temino-empty-state + .cart-empty { display: none !important; } .woocommerce-products-header + .woocommerce-info, .woocommerce-notices-wrapper:has(+ .temino-empty-state), .woocommerce .temino-empty-state ~ .woocommerce-info { display: none !important; } .temino-empty-state { text-align: center; padding: 80px 32px; max-width: 560px; margin: 0 auto; } .temino-empty-state__icon { font-size: 72px; line-height: 1; margin-bottom: 20px; filter: grayscale(0.3); } .temino-empty-state__title { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 4vw, 44px); line-height: 1.1; letter-spacing: -0.02em; margin: 0 0 14px; color: var(--ink); } .temino-empty-state__text { font-size: 16px; line-height: 1.55; color: var(--ink-2); margin: 0 0 32px; } .temino-empty-state__promos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 48px; padding-top: 32px; border-top: 1px dashed var(--line-soft); text-align: left; } .temino-empty-state__promo { padding: 18px 16px; background: var(--paper-2); border-radius: var(--r-md); text-align: center; } .temino-empty-state__promo span { font-size: 24px; display: block; margin-bottom: 8px; } .temino-empty-state__promo strong { display: block; font-family: var(--serif); font-size: 15px; margin-bottom: 4px; font-weight: 400; } .temino-empty-state__promo small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; color: var(--mute); line-height: 1.3; } @media (max-width: 640px) { .temino-empty-state { padding: 48px 20px; } .temino-empty-state__icon { font-size: 56px; } .temino-empty-state__promos { grid-template-columns: 1fr; gap: 8px; margin-top: 36px; padding-top: 24px; } } body.woocommerce-page img, body.woocommerce img, body.woocommerce-cart img, body.woocommerce-checkout img, body.woocommerce-account img { max-width: 100%; height: auto; } body.woocommerce-page .topbar-logo__mark, body.woocommerce .topbar-logo__mark, body.woocommerce-cart .topbar-logo__mark, body.woocommerce-checkout .topbar-logo__mark, body.woocommerce-account .topbar-logo__mark { height: 46px !important; width: auto !important; max-width: 120px !important; } body.woocommerce-page .custom-logo, body.woocommerce .custom-logo { max-height: 46px; width: auto; } .woocommerce, .woocommerce-page, .woocommerce-Page { font-family: var(--sans); } .woocommerce-notices-wrapper:empty { display: none !important; } .woocommerce-notices-wrapper { margin: 0; padding: 0; background: transparent; border: 0; } .woocommerce-message, .woocommerce-info, .woocommerce-error { padding: 14px 20px; border-radius: var(--r-md); background: var(--paper-2); border-left: 3px solid var(--gold); margin: 12px 0; list-style: none; font-family: var(--sans); font-size: 14px; line-height: 1.5; } .woocommerce-form-coupon-toggle, .woocommerce-form-coupon-toggle .woocommerce-info, body.woocommerce-checkout > .woocommerce-form-coupon, .woocommerce-checkout .checkout_coupon:not(.temino-co-coupon__form) { display: none !important; } .woocommerce-form-login-toggle, .woocommerce-form-login-toggle .woocommerce-info { display: none !important; } .woocommerce-message { border-color: var(--salviaD); background: #E8F0E5; } .woocommerce-error { border-color: #B9452B; background: #FBE9E3; } .woocommerce-info { border-color: var(--cielo); background: #E0EBF0; } .woocommerce-message a.button, .woocommerce-info a.button { background: var(--ink) !important; color: var(--cream) !important; padding: 8px 16px !important; border-radius: 999px !important; font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; margin-left: 12px; } .woocommerce .woocommerce-products-header, .woocommerce-page .woocommerce-products-header { padding: 80px 32px 40px; max-width: var(--maxw); margin: 0 auto; } .woocommerce .woocommerce-products-header__title, .woocommerce-page .woocommerce-products-header__title, .woocommerce .page-title { font-family: var(--serif); font-weight: 400; font-size: clamp(36px, 5vw, 72px); line-height: 1; letter-spacing: -0.02em; margin: 0 0 20px; } .woocommerce-result-count { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); } .woocommerce-ordering select { padding: 10px 16px; border-radius: 999px; border: 1px solid var(--line-soft); background: var(--cream); font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; cursor: pointer; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { max-width: var(--maxw); margin: 0 auto; padding: 0 32px 20px; } .woocommerce ul.products, .woocommerce-page ul.products { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; padding: 0 32px !important; margin: 0 auto !important; max-width: var(--maxw) !important; list-style: none; } .woocommerce ul.products::before, .woocommerce ul.products::after { display: none !important; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; background: var(--paper-2); border-radius: var(--r-md); overflow: hidden; transition: transform 280ms, box-shadow 280ms; position: relative; } .woocommerce ul.products li.product:hover { transform: translateY(-3px); box-shadow: 0 24px 40px -24px rgba(44,42,36, 0.3); } .woocommerce ul.products li.product a { text-decoration: none; color: inherit; } .woocommerce ul.products li.product a img { margin: 0 !important; width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--serif) !important; font-size: 18px !important; line-height: 1.2 !important; margin: 0 !important; padding: 18px 20px 6px !important; color: var(--ink); font-weight: 400 !important; letter-spacing: -0.01em; } .woocommerce ul.products li.product .price { padding: 0 20px 12px !important; margin: 0 !important; color: var(--ink) !important; font-family: var(--serif) !important; font-size: 16px !important; font-weight: 400 !important; } .woocommerce ul.products li.product .price del { opacity: 0.5; font-size: 0.85em; margin-right: 6px; color: var(--mute) !important; } .woocommerce ul.products li.product .price ins { background: transparent !important; color: var(--salviaD) !important; text-decoration: none !important; font-weight: 600 !important; } .woocommerce ul.products li.product .star-rating { margin: 0 20px 10px !important; color: var(--gold); } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product a.button { background: var(--ink) !important; color: var(--cream) !important; border-radius: 999px !important; padding: 10px 18px !important; font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; margin: 0 20px 20px !important; border: 0 !important; transition: background 180ms !important; text-align: center !important; display: inline-flex !important; align-items: center !important; align-self: flex-start !important; width: auto !important; max-width: fit-content !important; line-height: 1 !important; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product a.button:hover { background: var(--salviaD) !important; } .woocommerce ul.products li.product .added_to_cart { margin: 0 20px 20px !important; color: var(--salviaD) !important; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; } .woocommerce span.onsale { position: absolute; top: 14px !important; left: 14px !important; right: auto !important; background: var(--gold) !important; color: var(--ink) !important; border-radius: 999px !important; padding: 5px 12px !important; font-family: var(--mono) !important; font-size: 10px !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; min-height: 0 !important; min-width: 0 !important; line-height: 1.4 !important; margin: 0 !important; z-index: 2; } @media (max-width: 1024px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(3, 1fr) !important; } } @media (max-width: 768px) { .woocommerce .woocommerce-products-header, .woocommerce-page .woocommerce-products-header { padding: 40px 18px 24px; } .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; padding: 0 18px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; padding: 14px 14px 4px !important; } .woocommerce ul.products li.product .price { padding: 0 14px 10px !important; font-size: 14px !important; } .woocommerce ul.products li.product .button { margin: 0 14px 14px !important; padding: 10px 14px !important; font-size: 10px !important; } } @media (max-width: 480px) { .woocommerce ul.products, .woocommerce-page ul.products { grid-template-columns: 1fr !important; gap: 16px !important; } } .woocommerce div.product, .woocommerce-page div.product { max-width: var(--maxw); margin: 0 auto; padding: 40px 32px 60px; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; } .woocommerce div.product .woocommerce-product-gallery, .woocommerce-page div.product .woocommerce-product-gallery { float: none !important; width: calc(55% - 24px) !important; flex: 0 0 calc(55% - 24px); margin: 0 !important; } .woocommerce div.product .summary, .woocommerce-page div.product .summary, .woocommerce div.product .entry-summary { float: none !important; width: calc(45% - 24px) !important; flex: 0 0 calc(45% - 24px); margin: 0 !important; position: sticky; top: 100px; } .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .related, .woocommerce div.product .upsells { width: 100% !important; flex: 0 0 100%; float: none !important; clear: both; } .woocommerce div.product .woocommerce-product-gallery__image img { border-radius: var(--r-md); overflow: hidden; } .woocommerce div.product .flex-control-thumbs li { width: 16.66% !important; padding: 4px !important; } .woocommerce div.product .flex-control-thumbs img { border-radius: var(--r-sm); border: 2px solid transparent; cursor: pointer; } .woocommerce div.product .flex-control-thumbs img:hover, .woocommerce div.product .flex-control-thumbs img.flex-active { border-color: var(--ink); } .woocommerce div.product .product_title { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 3.5vw, 44px); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 14px; } .woocommerce div.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--ink) !important; font-family: var(--serif) !important; font-size: 32px !important; font-weight: 400 !important; margin: 0 0 18px !important; letter-spacing: -0.01em; } .woocommerce div.product .price del { opacity: 0.5; font-size: 0.7em; margin-right: 10px; color: var(--mute) !important; } .woocommerce div.product .price ins { background: transparent !important; color: var(--salviaD) !important; text-decoration: none !important; } .woocommerce div.product .woocommerce-product-rating { margin: 0 0 16px; } .woocommerce div.product .star-rating { color: var(--gold); margin-right: 8px; } .woocommerce div.product .woocommerce-product-details__short-description { font-size: 16px; line-height: 1.6; color: var(--ink-2); margin: 0 0 24px; } .woocommerce div.product form.cart { margin: 24px 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } .woocommerce div.product form.cart .variations { width: 100%; margin-bottom: 14px; display: grid; gap: 12px; } .woocommerce div.product form.cart .variations tr { display: block; } .woocommerce div.product form.cart .variations th, .woocommerce div.product form.cart .variations td { display: block; padding: 0 !important; border: 0; } .woocommerce div.product form.cart .variations label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-2); margin-bottom: 6px; display: block; } .woocommerce div.product form.cart .variations select { width: 100%; padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: var(--r-md); background: var(--cream); font-size: 15px; font-family: var(--sans); } .woocommerce div.product form.cart .reset_variations { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; color: var(--mute); } .woocommerce .quantity .qty { width: 80px !important; text-align: center; padding: 14px !important; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--cream); font-family: var(--mono); font-size: 15px; min-height: 52px; } .woocommerce div.product form.cart .button, .woocommerce .single_add_to_cart_button, .woocommerce button.button.alt { background: var(--ink) !important; color: var(--cream) !important; padding: 16px 28px !important; min-height: 52px !important; border-radius: 999px !important; font-family: var(--mono) !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; border: 0 !important; font-weight: 500 !important; flex: 1; min-width: 220px; transition: background 180ms !important; cursor: pointer; } .woocommerce div.product form.cart .button:hover, .woocommerce .single_add_to_cart_button:hover { background: var(--salviaD) !important; } .woocommerce div.product .product_meta { padding: 16px 0; border-top: 1px dashed var(--line-soft); margin-top: 24px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--mute); } .woocommerce div.product .product_meta > span { display: block; margin-bottom: 6px; text-transform: uppercase; } .woocommerce div.product .product_meta a { color: var(--salviaD); } .woocommerce div.product .woocommerce-tabs { margin-top: 48px; clear: both; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0 !important; margin: 0 0 28px !important; border-bottom: 1px solid var(--line-soft); background: transparent !important; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { display: none !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: transparent !important; border: 0 !important; border-radius: 0 !important; margin: 0 20px 0 0 !important; padding: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 14px 0 !important; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute) !important; display: inline-block; border-bottom: 2px solid transparent; transition: all 180ms; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: var(--ink) !important; border-bottom-color: var(--salviaD) !important; } .woocommerce div.product .woocommerce-tabs .panel { font-size: 15px; line-height: 1.7; color: var(--ink-2); } .woocommerce .related.products, .woocommerce .upsells.products { max-width: var(--maxw); margin: 60px auto 0 !important; padding: 40px 32px 0; border-top: 1px dashed var(--line-soft); } .woocommerce .related.products h2, .woocommerce .upsells.products h2 { font-family: var(--serif); font-size: clamp(24px, 3vw, 36px); margin: 0 0 28px; font-weight: 400; } @media (max-width: 860px) { .woocommerce div.product, .woocommerce-page div.product { padding: 24px 18px 120px; } .woocommerce div.product .woocommerce-product-gallery, .woocommerce-page div.product .woocommerce-product-gallery, .woocommerce div.product .summary, .woocommerce-page div.product .summary { width: 100% !important; float: none !important; position: static; } .woocommerce div.product .product_title { font-size: 26px !important; } .woocommerce div.product .price, .woocommerce div.product p.price { font-size: 24px !important; } .woocommerce div.product form.cart { position: fixed; bottom: 0; left: 0; right: 0; background: var(--cream); padding: 12px 16px; z-index: 100; border-top: 1px solid var(--line-soft); box-shadow: 0 -4px 24px -8px rgba(44,42,36, 0.15); margin: 0 !important; gap: 10px; flex-wrap: nowrap; } .woocommerce div.product form.cart .variations { display: none; } .woocommerce div.product form.cart .button, .woocommerce .single_add_to_cart_button { flex: 1; padding: 14px 12px !important; font-size: 11px !important; letter-spacing: 0.08em !important; } .woocommerce .quantity .qty { width: 70px !important; min-height: 48px; padding: 10px !important; } } .woocommerce-cart-form, .woocommerce-cart .cart-collaterals { max-width: var(--maxw); margin: 0 auto; padding: 40px 32px; } .woocommerce-cart .shop_table, .woocommerce-cart table.cart { width: 100% !important; border: 0 !important; border-collapse: separate; border-spacing: 0; background: transparent; } .woocommerce-cart .shop_table thead { border-bottom: 1px solid var(--line-soft); } .woocommerce-cart .shop_table thead th { background: transparent !important; padding: 14px 12px !important; text-align: left; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); font-weight: 500; } .woocommerce-cart .shop_table tbody tr { border-bottom: 1px dashed var(--line-soft); } .woocommerce-cart .shop_table tbody td { padding: 20px 12px !important; vertical-align: middle; border: 0 !important; background: transparent !important; } .woocommerce-cart .shop_table td.product-thumbnail img { width: 80px !important; height: 80px; object-fit: cover; border-radius: var(--r-sm); } .woocommerce-cart .shop_table td.product-name a { font-family: var(--serif); font-size: 17px; color: var(--ink); text-decoration: none; line-height: 1.3; } .woocommerce-cart .shop_table td.product-name a:hover { color: var(--salviaD); } .woocommerce-cart .shop_table td.product-price, .woocommerce-cart .shop_table td.product-subtotal { font-family: var(--serif); font-size: 17px; color: var(--ink); } .woocommerce-cart .shop_table td.product-quantity .qty { width: 64px !important; padding: 10px !important; border-radius: var(--r-sm); text-align: center; } .woocommerce-cart .shop_table td.product-remove .remove { width: 30px; height: 30px; border-radius: 50%; background: var(--paper-2) !important; color: var(--ink) !important; font-size: 20px !important; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; transition: background 180ms; } .woocommerce-cart .shop_table td.product-remove .remove:hover { background: #FBE9E3 !important; color: #B9452B !important; } .woocommerce-cart .shop_table .actions { padding: 24px 0 !important; background: transparent !important; border-top: 1px solid var(--line-soft); } .woocommerce-cart .coupon { display: inline-flex; gap: 8px; align-items: center; } .woocommerce-cart .coupon input[type="text"] { padding: 12px 16px; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--cream); font-family: var(--mono); font-size: 12px; min-width: 200px; } .woocommerce-cart .coupon .button, .woocommerce-cart .actions .button { background: var(--ink) !important; color: var(--cream) !important; padding: 12px 22px !important; border-radius: 999px !important; font-family: var(--mono) !important; font-size: 11px !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; border: 0 !important; cursor: pointer; } .woocommerce-cart button[name="update_cart"] { background: var(--paper-2) !important; color: var(--ink) !important; } .cart_totals { background: var(--paper-2); padding: 28px 32px; border-radius: var(--r-md); max-width: 480px; margin-left: auto; } .cart_totals h2 { font-family: var(--serif); font-size: 22px; margin: 0 0 18px; font-weight: 400; } .cart_totals .shop_table tbody tr { border-bottom: 0 !important; } .cart_totals .shop_table tbody tr.order-total { border-top: 1px solid var(--line-soft) !important; } .cart_totals .shop_table tbody td { padding: 14px 0 !important; font-family: var(--sans); font-size: 15px; } .cart_totals .shop_table tbody th { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); padding: 14px 0 !important; } .cart_totals .order-total strong { font-family: var(--serif); font-size: 24px; color: var(--salviaD); } .cart_totals .checkout-button { width: 100%; text-align: center; padding: 16px 24px !important; background: var(--salviaD) !important; color: var(--cream) !important; border-radius: 999px !important; font-family: var(--mono) !important; font-size: 12px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; margin-top: 18px !important; font-weight: 500 !important; } .cart_totals .checkout-button:hover { background: var(--ink) !important; } @media (max-width: 768px) { .woocommerce-cart-form, .woocommerce-cart .cart-collaterals { padding: 24px 18px; } .woocommerce-cart .shop_table thead { display: none; } .woocommerce-cart .shop_table tbody tr { display: grid; grid-template-columns: 80px 1fr; gap: 12px 16px; padding: 16px 0; position: relative; } .woocommerce-cart .shop_table tbody td { padding: 4px 0 !important; border: 0 !important; display: block; } .woocommerce-cart .shop_table tbody td.product-thumbnail { grid-row: 1 / span 3; padding: 0 !important; } .woocommerce-cart .shop_table tbody td.product-remove { position: absolute; top: 8px; right: 0; grid-column: unset; } .woocommerce-cart .shop_table tbody td.product-name { font-size: 16px; padding-right: 40px !important; } .woocommerce-cart .shop_table tbody td.product-price::before { content: 'Prezzo: '; color: var(--mute); font-size: 11px; font-family: var(--mono); letter-spacing: 0.1em; text-transform: uppercase; margin-right: 6px; } .woocommerce-cart .shop_table tbody td.product-subtotal::before { content: 'Totale: '; color: var(--mute); font-size: 11px; font-family: var(--mono); letter-spacing: 0.1em; text-transform: uppercase; margin-right: 6px; } .woocommerce-cart .coupon { flex-direction: column; align-items: stretch; width: 100%; } .woocommerce-cart .coupon input[type="text"] { width: 100%; } .cart_totals { max-width: none; padding: 22px 20px; } } .woocommerce-checkout .col2-set { display: block !important; width: 100% !important; } .woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2 { float: none !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .woocommerce-checkout h3 { font-family: var(--serif); font-size: 18px; margin: 0 0 14px !important; padding: 0; font-weight: 500; border: 0; } .woocommerce-checkout .woocommerce-billing-fields, .woocommerce-checkout .woocommerce-shipping-fields, .woocommerce-checkout .woocommerce-additional-fields { margin-bottom: 24px; } .woocommerce form .form-row { padding: 0 !important; margin: 0 0 16px !important; } .woocommerce form .form-row label { font-family: var(--mono); font-size: 11px !important; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2) !important; margin-bottom: 6px !important; display: block !important; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row input[type="text"], .woocommerce form .form-row input[type="email"], .woocommerce form .form-row input[type="tel"], .woocommerce form .form-row textarea, .woocommerce form .form-row select { padding: 14px 16px !important; border: 1px solid var(--line-soft) !important; border-radius: var(--r-md) !important; background: var(--cream) !important; font-family: var(--sans) !important; font-size: 15px !important; color: var(--ink) !important; min-height: 48px !important; width: 100% !important; line-height: 1.4 !important; transition: border-color 180ms !important; } .woocommerce form .form-row input:focus, .woocommerce form .form-row textarea:focus, .woocommerce form .form-row select:focus { border-color: var(--salviaD) !important; outline: 2px solid rgba(107,138,110,.1); } .woocommerce form .form-row.woocommerce-invalid input { border-color: #B9452B !important; } .select2-container .select2-selection--single { height: 48px !important; border: 1px solid var(--line-soft) !important; border-radius: var(--r-md) !important; background: var(--cream) !important; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 46px !important; padding-left: 16px !important; color: var(--ink) !important; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px !important; right: 8px !important; } #order_review_heading { display: none; } #order_review { background: transparent; padding: 0; border-radius: 0; position: static; } .woocommerce-checkout #payment { background: transparent !important; padding: 0 !important; margin-top: 20px; } .woocommerce-checkout #payment ul.payment_methods { padding: 0 !important; border: 0 !important; background: transparent !important; margin: 0 0 20px !important; } .woocommerce-checkout #payment ul.payment_methods li { background: var(--cream); border: 1px solid var(--line-soft); border-radius: var(--r-md); padding: 14px 18px; margin-bottom: 8px; list-style: none !important; } .woocommerce-checkout #payment ul.payment_methods li label { font-family: var(--sans); font-size: 15px; color: var(--ink); font-weight: 500; text-transform: none; letter-spacing: 0; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; } .woocommerce-checkout #payment div.payment_box { background: var(--paper-2) !important; padding: 16px !important; margin-top: 10px !important; border-radius: var(--r-sm); font-size: 13px; line-height: 1.5; } .woocommerce-checkout #place_order, .woocommerce #payment #place_order { width: 100%; background: var(--salviaD) !important; color: var(--cream) !important; padding: 18px 24px !important; border: 0 !important; border-radius: 999px !important; font-family: var(--mono) !important; font-size: 13px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; cursor: pointer; margin-top: 16px !important; min-height: 58px !important; transition: background 180ms !important; font-weight: 500 !important; } .woocommerce-checkout #place_order:hover, .woocommerce #payment #place_order:hover { background: var(--ink) !important; } .woocommerce-terms-and-conditions-wrapper { background: var(--paper-2); padding: 14px 18px; border-radius: var(--r-sm); margin-top: 12px; font-size: 13px; } .woocommerce-account .woocommerce { max-width: var(--maxw); margin: 0 auto; padding: 40px 32px; } .woocommerce-account .woocommerce-MyAccount-navigation { width: 25% !important; float: left !important; } .woocommerce-account .woocommerce-MyAccount-content { width: 72% !important; float: right !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul { padding: 0 !important; margin: 0 !important; list-style: none !important; display: grid; gap: 4px; } .woocommerce-account .woocommerce-MyAccount-navigation li { border: 0 !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 12px 18px !important; background: var(--paper-2); border-radius: var(--r-sm); font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2) !important; text-decoration: none; transition: background 180ms; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--cream); } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--ink); color: var(--cream) !important; } @media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; } .woocommerce-account .woocommerce-MyAccount-navigation { margin-bottom: 24px; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a { white-space: nowrap; padding: 10px 14px !important; } } .woocommerce .u-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: var(--maxw); margin: 0 auto; padding: 40px 32px; } .woocommerce form.login, .woocommerce form.register { background: var(--paper-2); padding: 32px; border-radius: var(--r-md); border: 0 !important; } .woocommerce form.login h2, .woocommerce form.register h2 { font-family: var(--serif); font-size: 24px; margin: 0 0 20px; font-weight: 400; } @media (max-width: 768px) { .woocommerce .u-columns { grid-template-columns: 1fr; gap: 20px; padding: 24px 18px; } .woocommerce form.login, .woocommerce form.register { padding: 22px; } } .widget_shopping_cart .cart_list { padding: 0 !important; margin: 0 !important; list-style: none; } .widget_shopping_cart .mini_cart_item { display: grid; grid-template-columns: 60px 1fr auto; gap: 12px; padding: 14px 0 !important; border-bottom: 1px dashed var(--line-soft) !important; align-items: center; background: transparent !important; } .widget_shopping_cart .mini_cart_item img { width: 60px !important; height: 60px; object-fit: cover; border-radius: var(--r-sm); margin: 0 !important; float: none !important; } .widget_shopping_cart .mini_cart_item a:not(.remove) { font-family: var(--serif); font-size: 15px; color: var(--ink); text-decoration: none; line-height: 1.2; font-weight: 400; } .widget_shopping_cart .mini_cart_item .quantity { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--mute); margin-top: 4px; } .widget_shopping_cart .total { padding: 14px 0 4px; border-top: 1px solid var(--line-soft); margin: 8px 0 0; font-family: var(--serif); font-size: 18px; } .widget_shopping_cart .total strong { color: var(--salviaD); } .widget_shopping_cart .buttons a { display: block; width: 100%; text-align: center; padding: 14px 20px !important; border-radius: 999px !important; font-family: var(--mono) !important; font-size: 11px !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; margin-bottom: 8px !important; } .widget_shopping_cart .buttons .button { background: var(--paper-2) !important; color: var(--ink) !important; } .widget_shopping_cart .buttons .checkout { background: var(--salviaD) !important; color: var(--cream) !important; }
[data-reveal] { opacity: 0; transform: translate3d(0, 28px, 0); transition: opacity 800ms cubic-bezier(.2, .7, .2, 1), transform 800ms cubic-bezier(.2, .7, .2, 1); will-change: opacity, transform; } [data-reveal="slide-up"] { transform: translate3d(0, 28px, 0); } [data-reveal="slide-down"] { transform: translate3d(0, -28px, 0); } [data-reveal="slide-left"] { transform: translate3d(28px, 0, 0); } [data-reveal="slide-right"] { transform: translate3d(-28px, 0, 0); } [data-reveal="fade"] { transform: none; } [data-reveal="scale"] { transform: scale(0.94); } [data-reveal].is-revealed { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } .no-anim [data-reveal], .no-anim [data-parallax], .no-anim .hero-word__line { opacity: 1 !important; transform: none !important; transition: none !important; } [data-parallax] { will-change: transform; transition: none; } .topbar { transition: padding 260ms cubic-bezier(.2,.7,.2,1), box-shadow 260ms ease, background 260ms ease; } .topbar.is-scrolled { box-shadow: 0 1px 0 var(--line-soft), 0 8px 24px -12px rgba(44,42,36,0.08); background: color-mix(in oklch, var(--cream) 96%, transparent); } .topbar.is-scrolled .topbar-row { height: 56px; } .topbar.is-scrolled .topbar-logo__mark { height: 38px; } @media (max-width: 960px) { .topbar.is-scrolled .topbar-row { height: 52px; } .topbar.is-scrolled .topbar-logo__mark { height: 32px; } } .bottega-card, .article-card, .stat-cell, .post-card { transition: transform 380ms cubic-bezier(.2,.7,.2,1), box-shadow 380ms cubic-bezier(.2,.7,.2,1), background 280ms ease; } .hero-photo img { transition: transform 80ms linear; will-change: transform; } .marquee-track { will-change: transform; } .scroll-indicator { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); display: inline-flex; flex-direction: column; align-items: center; gap: 6px; animation: bob 2.4s ease-in-out infinite; } .scroll-indicator::after { content: ''; width: 1px; height: 24px; background: var(--mute); animation: shrink 2.4s ease-in-out infinite; } @keyframes bob { 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, 6px); } } @keyframes shrink { 0%, 100% { transform: scaleY(1); transform-origin: top; } 50% { transform: scaleY(0.3); transform-origin: bottom; } } @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } img[loading] { transition: filter 400ms ease, opacity 400ms ease; } img[loading="lazy"] { opacity: 0.9; } img[loading="lazy"].is-loaded { opacity: 1; } .stat-num { font-variant-numeric: tabular-nums; }
.temino-announce { background: var(--salviaD); color: var(--cream); padding: 7px 38px 7px 14px; text-align: center; position: relative; font-family: var(--mono); font-size: 10.5px; line-height: 1.35; letter-spacing: 0.08em; text-transform: uppercase; } .temino-announce a { color: inherit; text-decoration: none; } .temino-announce a:hover { color: var(--gold); } .temino-announce__close { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border-radius: 50%; color: var(--cream); font-size: 18px; opacity: 0.7; transition: opacity 180ms, background 180ms; } .temino-announce__close:hover { opacity: 1; background: rgba(253,251,247, 0.15); } .temino-announce.is-closed { display: none; } .temino-popup { position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 20px; } .temino-popup__backdrop { position: absolute; inset: 0; background: rgba(44, 42, 36, 0.7); backdrop-filter: blur(4px); animation: tcFadeIn 260ms ease; } .temino-popup__card { position: relative; z-index: 1; background: var(--cream); border-radius: var(--r-lg); padding: 48px 40px; max-width: 480px; width: 100%; text-align: center; box-shadow: 0 40px 80px -30px rgba(44,42,36,0.5); animation: tcPopIn 360ms cubic-bezier(.2,.7,.2,1); } .temino-popup__close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; background: var(--paper-2); font-size: 20px; color: var(--ink); transition: background 180ms; } .temino-popup__close:hover { background: var(--sabbia); } .temino-popup__tag { display: inline-block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; padding: 6px 14px; background: var(--gold); color: var(--cream); border-radius: 999px; margin-bottom: 20px; } .temino-popup__title { font-family: var(--serif); font-size: clamp(32px, 4vw, 44px); line-height: 1.05; letter-spacing: -0.02em; margin: 0 0 14px; font-weight: 400; color: var(--ink); } .temino-popup__text { font-size: 15px; line-height: 1.55; color: var(--ink-2); margin: 0 0 24px; } .temino-popup__form { display: flex; gap: 8px; align-items: center; border: 1px solid var(--ink); border-radius: 999px; padding: 4px 4px 4px 20px; margin-bottom: 12px; } .temino-popup__form input { flex: 1; background: transparent; border: 0; padding: 12px 0; font-family: var(--sans); font-size: 15px; color: var(--ink); } .temino-popup__form input:focus { outline: none; } .temino-popup__form button { padding: 10px 22px; background: var(--ink); color: var(--cream); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; transition: background 180ms; border: 0; cursor: pointer; } .temino-popup__form button:hover { background: var(--salviaD); } .temino-popup__small { font-size: 11px; color: var(--mute); margin: 0; } .temino-popup__small a { color: var(--salviaD); text-decoration: underline; } .temino-popup__code { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: var(--paper-2); border: 2px dashed var(--salviaD); border-radius: var(--r-md); margin: 20px 0 14px; } .temino-popup__code .mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); display: block; } .temino-popup__code strong { font-family: var(--serif); font-size: 28px; color: var(--salviaD); letter-spacing: 0.02em; flex: 1; text-align: center; } .temino-popup__copy { padding: 10px 18px; background: var(--ink); color: var(--cream); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; cursor: pointer; transition: background 180ms; } .temino-popup__copy:hover { background: var(--salviaD); } @media (max-width: 480px) { .temino-popup__code { flex-direction: column; align-items: stretch; gap: 10px; } .temino-popup__code strong { font-size: 24px; } } @media (max-width: 480px) { .temino-popup__card { padding: 32px 24px; } .temino-popup__form { flex-direction: column; gap: 8px; padding: 8px; border-radius: var(--r-md); } .temino-popup__form button { width: 100%; } } @keyframes tcFadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes tcPopIn { from { opacity: 0; transform: scale(0.96) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } } .temino-ribbon { position: fixed; top: 42%; z-index: 100; display: block; margin: 0; padding: 0; } .temino-ribbon--right { right: 0; left: auto; } .temino-ribbon--left { left: 0; right: auto; } .temino-ribbon__tab { display: block; background: var(--salviaD); color: var(--cream); font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; border: 0; cursor: pointer; writing-mode: vertical-rl; padding: 22px 12px; margin: 0; transition: background 180ms, padding 180ms, box-shadow 180ms; line-height: 1; user-select: none; -webkit-tap-highlight-color: transparent; } .temino-ribbon__tab:hover, .temino-ribbon__tab:focus-visible { background: var(--ink); outline: none; } .temino-ribbon--right .temino-ribbon__tab { border-radius: 12px 0 0 12px; box-shadow: -6px 6px 18px -8px rgba(44,42,36, 0.4); } .temino-ribbon--right .temino-ribbon__tab:hover { padding-right: 14px; } .temino-ribbon--left .temino-ribbon__tab { border-radius: 0 12px 12px 0; box-shadow: 6px 6px 18px -8px rgba(44,42,36, 0.4); } .temino-ribbon--left .temino-ribbon__tab:hover { padding-left: 14px; } .temino-ribbon__panel { position: absolute; top: 50%; transform: translateY(-50%); width: 340px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: var(--r-md); padding: 24px; z-index: 2; } .temino-ribbon--right .temino-ribbon__panel { right: calc(100% + 14px); left: auto; box-shadow: -12px 12px 40px -15px rgba(44,42,36, 0.35); } .temino-ribbon--left .temino-ribbon__panel { left: calc(100% + 14px); right: auto; box-shadow: 12px 12px 40px -15px rgba(44,42,36, 0.35); } .temino-ribbon__panel[hidden] { display: none; } .temino-ribbon__close { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; font-size: 18px; color: var(--mute); background: transparent; border: 0; cursor: pointer; } .temino-ribbon__close:hover { color: var(--ink); } .temino-ribbon__title { font-family: var(--serif); font-size: 22px; line-height: 1.2; margin: 0 0 10px; font-weight: 400; color: var(--ink); } .temino-ribbon__detail { font-size: 13px; line-height: 1.5; color: var(--ink-2); margin: 0 0 14px; } .temino-ribbon__cta { display: inline-block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; padding: 10px 20px; background: var(--ink); color: var(--cream); border-radius: 999px; text-decoration: none; transition: background 180ms; } .temino-ribbon__cta:hover { background: var(--salviaD); color: var(--cream); } @media (max-width: 640px) { .temino-ribbon { top: auto; bottom: 100px; } .temino-ribbon__panel { width: min(290px, calc(100vw - 70px)); top: auto; bottom: 0; transform: none; } .temino-ribbon--right .temino-ribbon__panel { right: calc(100% + 10px); bottom: -10px; } .temino-ribbon--left .temino-ribbon__panel { left: calc(100% + 10px); bottom: -10px; } } .temino-shipping-bar { position: sticky; bottom: 0; background: var(--cream); border-top: 1px solid var(--line-soft); padding: 10px 20px; z-index: 50; box-shadow: 0 -4px 16px -8px rgba(44,42,36,0.15); } .temino-shipping-bar p { text-align: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink); margin: 0 0 6px; } .temino-shipping-bar strong { color: var(--salviaD); font-weight: 500; } .temino-shipping-bar__track { height: 4px; background: var(--paper-2); border-radius: 999px; overflow: hidden; max-width: 480px; margin: 0 auto; } .temino-shipping-bar__fill { height: 100%; background: linear-gradient(90deg, var(--salviaD), var(--gold)); transition: width 400ms cubic-bezier(.2,.7,.2,1); } .temino-countdown { position: fixed; top: 90px; right: 20px; z-index: 50; background: var(--ink); color: var(--cream); padding: 12px 42px 12px 18px; border-radius: var(--r-md); box-shadow: 0 8px 24px -10px rgba(44,42,36,0.5); font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; display: flex; align-items: center; gap: 12px; animation: tcSlideIn 400ms var(--ease); max-width: 320px; } .temino-countdown.is-closed { display: none !important; } .temino-countdown__text { max-width: 160px; line-height: 1.3; color: color-mix(in oklch, var(--cream) 85%, transparent); } .temino-countdown__time { font-family: var(--serif); font-size: 22px; letter-spacing: 0; color: var(--gold); font-variant-numeric: tabular-nums; text-transform: none; } .temino-countdown__close { position: absolute; top: 50%; right: 8px; transform: translateY(-50%); width: 24px; height: 24px; background: transparent; border: 0; color: var(--cream); font-size: 18px; line-height: 1; cursor: pointer; opacity: 0.6; transition: opacity 180ms; border-radius: 50%; } .temino-countdown__close:hover { opacity: 1; background: rgba(253,251,247,0.1); } @keyframes tcSlideIn { from { transform: translateX(20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } @media (max-width: 820px) { .temino-countdown { top: 70px; right: 12px; left: auto; max-width: calc(100vw - 24px); padding: 10px 36px 10px 14px; font-size: 10px; } .temino-countdown__text { max-width: 140px; } .temino-countdown__time { font-size: 18px; } } @media (max-width: 480px) { .temino-countdown { display: none !important; } } .temino-toast { position: fixed; bottom: 20px; left: 20px; z-index: 50; background: var(--cream); border: 1px solid var(--line-soft); border-radius: var(--r-md); padding: 14px 18px 14px 16px; box-shadow: 0 12px 32px -12px rgba(44,42,36,0.25); display: flex; align-items: center; gap: 12px; max-width: 320px; animation: tcSlideUp 400ms var(--ease); } .temino-toast__icon { width: 36px; height: 36px; border-radius: 50%; background: var(--salvia); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; } .temino-toast__body { font-size: 12px; line-height: 1.4; color: var(--ink); } .temino-toast__body strong { color: var(--salviaD); font-weight: 500; } .temino-toast__body small { display: block; color: var(--mute); font-size: 10px; margin-top: 2px; } @keyframes tcSlideUp { from { transform: translateY(20px); opacity: 0; } to { transform: translateY(0); opacity: 1; } } @media (max-width: 640px) { .temino-toast { left: 12px; right: 12px; max-width: none; bottom: 12px; } } .temino-trust { padding: 28px 0; background: var(--paper-2); border-top: 1px dashed var(--line-soft); border-bottom: 1px dashed var(--line-soft); } .temino-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .temino-trust__item { text-align: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); } @media (max-width: 820px) { .temino-trust__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .temino-trust__grid { grid-template-columns: 1fr; } }
.shop-promo { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; } .shop-promo__card { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 14px; padding: 18px 20px; background: var(--paper-2); border: 1px solid var(--line-soft); border-radius: var(--r-md); color: var(--ink); text-decoration: none; transition: transform 200ms, background 200ms, border-color 200ms; } .shop-promo__card:hover { transform: translateY(-2px); background: var(--cream); border-color: var(--salviaD); } .shop-promo__icon { width: 44px; height: 44px; border-radius: 999px; background: var(--cream); display: inline-flex; align-items: center; justify-content: center; font-size: 22px; } .shop-promo__body h3 { font-family: var(--serif); font-size: 17px; line-height: 1.15; margin: 0 0 2px; font-weight: 400; letter-spacing: -0.01em; } .shop-promo__body p { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); margin: 0; } .shop-promo__arrow { color: var(--salviaD); font-family: var(--mono); font-size: 18px; } @media (max-width: 1024px) { .shop-promo { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 520px) { .shop-promo { grid-template-columns: 1fr; } } .bottega-card--interactive { position: relative; } .bottega-quickadd { position: absolute; bottom: 14px; right: 14px; width: 44px; height: 44px; border-radius: 999px; background: var(--ink); color: var(--cream); font-size: 24px; font-weight: 400; opacity: 0; transform: translateY(8px); transition: opacity 220ms, transform 220ms, background 180ms; cursor: pointer; z-index: 3; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 6px 18px -8px rgba(44,42,36, 0.4); border: 0; } .bottega-card:hover .bottega-quickadd { opacity: 1; transform: translateY(0); } .bottega-quickadd:hover { background: var(--salviaD); } @media (max-width: 820px) { .bottega-quickadd { opacity: 1; transform: none; background: var(--salviaD); } } .temino-quickadd-modal { position: fixed; inset: 0; z-index: 9998; display: flex; align-items: flex-end; justify-content: center; padding: 0; } .temino-quickadd-modal__backdrop { position: absolute; inset: 0; background: rgba(44, 42, 36, 0.5); backdrop-filter: blur(4px); } .temino-quickadd-modal__card { position: relative; z-index: 1; background: var(--cream); border-radius: var(--r-lg) var(--r-lg) 0 0; padding: 32px 32px 28px; max-width: 520px; width: 100%; box-shadow: 0 -20px 60px -20px rgba(44,42,36, 0.3); animation: tcSlideUpFull 320ms cubic-bezier(.2,.7,.2,1); } @keyframes tcSlideUpFull { from { transform: translateY(100%); } to { transform: translateY(0); } } @media (min-width: 600px) { .temino-quickadd-modal { align-items: center; padding: 20px; } .temino-quickadd-modal__card { border-radius: var(--r-lg); } } .temino-quickadd-modal__close { position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border-radius: 50%; background: var(--paper-2); font-size: 20px; color: var(--ink); cursor: pointer; border: 0; } .temino-quickadd-modal h3 { font-family: var(--serif); font-size: 24px; line-height: 1.1; margin: 0; font-weight: 400; letter-spacing: -0.02em; } .temino-weights { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0 0 22px; } .temino-weight { border: 1px solid var(--line-soft); border-radius: var(--r-md); padding: 14px 12px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 4px; transition: border-color 180ms, background 180ms; background: var(--cream); } .temino-weight:hover { border-color: var(--salviaD); } .temino-weight.is-selected { border-color: var(--ink); background: var(--paper-2); } .temino-weight__label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; } .temino-weight__price { font-family: var(--serif); font-size: 18px; color: var(--ink); } .temino-qty { display: inline-flex; align-items: center; border: 1px solid var(--line-soft); border-radius: 999px; overflow: hidden; } .temino-qty button { width: 44px; height: 44px; background: transparent; color: var(--ink); font-size: 20px; font-family: var(--mono); cursor: pointer; border: 0; transition: background 160ms; } .temino-qty button:hover { background: var(--paper-2); } .temino-qty input { width: 50px; text-align: center; border: 0; background: transparent; font-family: var(--mono); font-size: 14px; padding: 0; } .temino-qty input::-webkit-outer-spin-button, .temino-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .temino-qty input[type=number] { -moz-appearance: textfield; } .temino-quickadd-modal__qty { display: flex; justify-content: space-between; align-items: center; padding: 14px 0; border-top: 1px dashed var(--line-soft); } .temino-quickadd-modal__qty .mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); } .temino-quickadd-modal__total { display: flex; justify-content: space-between; align-items: baseline; padding: 14px 0 20px; border-top: 1px dashed var(--line-soft); } .temino-quickadd-modal__total .mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); } .temino-total { font-family: var(--serif); font-size: 32px; letter-spacing: -0.02em; color: var(--ink); } .reperto { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: start; } .reperto-img { position: relative; aspect-ratio: 4/5; background: var(--paper-2); border-radius: var(--r-lg); overflow: hidden; } .reperto-img-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; } .reperto-img .corner { position: absolute; font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; color: var(--cream); background: rgba(44,42,36, 0.72); padding: 6px 12px; border-radius: 999px; backdrop-filter: blur(4px); } .corner.c-tl { top: 18px; left: 18px; } .corner.c-tr { top: 18px; right: 18px; } .corner.c-bl { bottom: 18px; left: 18px; } .corner.c-br { bottom: 18px; right: 18px; } .reperto-meta .crumb { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); margin: 0 0 12px; } .reperto-meta h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(32px, 4vw, 56px); line-height: 1; letter-spacing: -0.02em; margin: 0 0 10px; } .reperto-meta .subtitle { font-family: var(--mono); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 22px; } .reperto-desc { margin-bottom: 20px; } .reperto-specs { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 40px; padding: 14px 0 0; border-top: 1px dashed var(--line-soft); margin: 0 0 20px; } .reperto-specs dt { font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); margin-bottom: 4px; } .reperto-specs dd { font-family: var(--serif); font-size: 18px; line-height: 1.1; margin: 0; } .buy-bar { display: grid; grid-template-columns: auto 1fr; gap: 12px; margin: 0 0 20px; } .buy-bar__add { padding: 16px 24px; background: var(--ink); color: var(--cream); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: background 180ms; } .buy-bar__add:hover { background: var(--salviaD); } .buy-bar__qty { border: 1px solid var(--ink); } .reperto-trust { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; } .reperto-trust li { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); } @media (max-width: 860px) { .reperto { grid-template-columns: 1fr; gap: 28px; } .reperto-specs { grid-template-columns: 1fr; } .temino-weights { grid-template-columns: 1fr 1fr 1fr; gap: 8px; } .temino-weight__price { font-size: 15px; } }
.temino-shop-hero { padding: 48px 0 24px; background: var(--cream); } .temino-shop-hero .breadcrumb { margin-bottom: 20px; } .temino-shop-hero__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; } .temino-shop-hero__title { font-family: var(--serif); font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -0.02em; margin: 0 0 14px; font-weight: 400; } .temino-shop-hero__title em { color: var(--salviaD); font-style: italic; font-weight: 400; } .temino-shop-hero__desc { font-size: 15px; line-height: 1.6; color: var(--ink-2); max-width: 60ch; } .temino-shop-hero__meta { text-align: right; } .temino-shop-hero__meta p { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--mute); margin: 0 0 4px; text-transform: uppercase; } .temino-shop-cats { border-top: 1px dashed var(--line-soft); border-bottom: 1px dashed var(--line-soft); padding: 16px 0; background: var(--paper-2); } .temino-shop-cats__scroll { display: flex; gap: 10px; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; padding-bottom: 4px; } .temino-shop-cats__scroll::-webkit-scrollbar { display: none; } .temino-shop-cat { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; white-space: nowrap; flex-shrink: 0; transition: all 180ms; } .temino-shop-cat span { font-size: 14px; } .temino-shop-cat small { color: var(--mute); font-size: 10px; } .temino-shop-cat:hover { border-color: var(--ink); background: var(--paper-2); } .temino-shop-cat.is-active { background: var(--ink); color: var(--cream); border-color: var(--ink); } .temino-shop-cat.is-active small { color: var(--gold); } .temino-shop-main { padding: 32px 0 48px; } .temino-shop-layout { display: grid; grid-template-columns: 260px 1fr; gap: 40px; align-items: start; } .temino-shop-sidebar { position: sticky; top: 100px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: var(--r-md); padding: 24px 22px; max-height: calc(100vh - 120px); overflow-y: auto; } .temino-shop-sidebar__close { display: none; position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; border-radius: 50%; border: 0; background: var(--paper-2); font-size: 22px; cursor: pointer; } .temino-shop-sidebar__title { font-family: var(--serif); font-size: 22px; margin: 0 0 20px; font-weight: 400; letter-spacing: -0.01em; padding-bottom: 14px; border-bottom: 1px dashed var(--line-soft); } .temino-filter { margin-bottom: 24px; } .temino-filter:last-child { margin-bottom: 0; } .temino-filter__title { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink); margin: 0 0 12px; font-weight: 600; } .temino-filter__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 2px; } .temino-filter__list a { display: flex; justify-content: space-between; align-items: center; padding: 8px 10px; border-radius: var(--r-sm); font-size: 14px; color: var(--ink-2); text-decoration: none; transition: background 160ms; } .temino-filter__list a:hover { background: var(--paper-2); color: var(--ink); } .temino-filter__list a.is-active { background: var(--salviaD); color: var(--cream); font-weight: 500; } .temino-filter__list a.is-active .temino-filter__count { color: var(--gold); } .temino-filter__count { font-family: var(--mono); font-size: 11px; color: var(--mute); background: transparent; } .temino-filter__list label { display: flex; align-items: center; gap: 8px; padding: 6px 0; font-size: 14px; cursor: pointer; color: var(--ink-2); } .temino-filter__list label input[type="checkbox"] { width: 16px; height: 16px; accent-color: var(--salviaD); } .temino-price-range__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; } .temino-price-range__inputs label { display: flex; flex-direction: column; gap: 4px; } .temino-price-range__inputs span { font-family: var(--mono); font-size: 10px; color: var(--mute); letter-spacing: 0.1em; text-transform: uppercase; } .temino-price-range__inputs input { padding: 10px 12px; border: 1px solid var(--line-soft); border-radius: var(--r-sm); background: var(--cream); font-family: var(--mono); font-size: 13px; width: 100%; } .temino-price-range__quick { display: flex; flex-wrap: wrap; gap: 6px; } .temino-price-range__quick a { font-family: var(--mono); font-size: 10px; padding: 5px 10px; border: 1px solid var(--line-soft); border-radius: 999px; color: var(--ink-2); text-decoration: none; letter-spacing: 0.06em; transition: all 160ms; } .temino-price-range__quick a:hover { background: var(--ink); color: var(--cream); border-color: var(--ink); } .temino-filter__actions { display: flex; gap: 8px; padding-top: 16px; border-top: 1px dashed var(--line-soft); flex-wrap: wrap; } .temino-filter__apply { flex: 1; padding: 12px 18px; background: var(--ink); color: var(--cream); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; transition: background 160ms; } .temino-filter__apply:hover { background: var(--salviaD); } .temino-filter__clear { padding: 12px 18px; border: 1px solid var(--line-soft); border-radius: 999px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-2); text-decoration: none; transition: all 160ms; } .temino-filter__clear:hover { border-color: var(--ink); color: var(--ink); } .temino-shop-toolbar { display: flex; justify-content: space-between; align-items: center; padding: 0 0 24px; gap: 16px; flex-wrap: wrap; } .temino-shop-toolbar__count { font-family: var(--mono); font-size: 12px; color: var(--mute); letter-spacing: 0.08em; text-transform: uppercase; } .temino-shop-toolbar__count strong { color: var(--ink); font-weight: 600; } .temino-shop-toolbar__sort { display: flex; align-items: center; gap: 10px; } .temino-shop-toolbar__sort select { padding: 10px 36px 10px 16px; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--cream) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' stroke='%232C2A24' fill='none' stroke-width='1.5'/></svg>") no-repeat right 14px center; appearance: none; -webkit-appearance: none; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); cursor: pointer; min-width: 200px; } .temino-shop-toolbar__view { display: flex; gap: 4px; border: 1px solid var(--line-soft); border-radius: 999px; padding: 3px; } .temino-view-btn { width: 36px; height: 36px; border: 0; background: transparent; border-radius: 999px; font-size: 16px; color: var(--mute); cursor: pointer; transition: all 160ms; } .temino-view-btn:hover { color: var(--ink); } .temino-view-btn.is-active { background: var(--ink); color: var(--cream); } .temino-shop-toolbar__filter-toggle { display: none; padding: 10px 18px; background: var(--ink); color: var(--cream); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; cursor: pointer; align-items: center; gap: 6px; } .temino-shop-content .products { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .temino-shop-content .products::before, .temino-shop-content .products::after { display: none !important; } .temino-shop-content[data-view="list"] .products { grid-template-columns: 1fr !important; gap: 12px !important; } .temino-shop-content[data-view="list"] .temino-product-card { display: grid !important; grid-template-columns: 180px 1fr !important; gap: 20px !important; } .temino-shop-content[data-view="list"] .temino-product-card__photo { aspect-ratio: 1/1; } .temino-shop-content[data-view="list"] .temino-product-card__body { padding: 16px 20px 16px 0 !important; } .temino-shop-content[data-view="list"] .temino-product-card__badges { top: 10px; left: 10px; } .temino-product-card { position: relative; background: var(--cream) !important; border: 1px solid var(--line-soft); border-radius: var(--r-md); overflow: hidden; display: flex !important; flex-direction: column !important; transition: transform 280ms, box-shadow 280ms, border-color 180ms; list-style: none !important; float: none !important; width: auto !important; padding: 0 !important; margin: 0 !important; } .temino-product-card:hover { transform: translateY(-3px); box-shadow: 0 24px 40px -24px rgba(44,42,36, 0.3); border-color: var(--ink); } .temino-product-card__wishlist { position: absolute; top: 12px; right: 12px; width: 36px; height: 36px; background: rgba(253,251,247, 0.95); backdrop-filter: blur(6px); border: 1px solid var(--line-soft); border-radius: 50%; font-size: 18px; color: var(--ink); cursor: pointer; z-index: 4; transition: all 180ms; display: inline-flex; align-items: center; justify-content: center; } .temino-product-card__wishlist:hover { background: var(--ink); color: var(--cream); } .temino-product-card__wishlist.is-active { background: #E74C3C; color: var(--cream); border-color: #E74C3C; } .temino-product-card__badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 4px; z-index: 3; } .temino-badge { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 10px; border-radius: 999px; font-weight: 600; line-height: 1.4; display: inline-block; } .temino-badge--sale { background: #B9452B; color: var(--cream); } .temino-badge--featured { background: var(--gold); color: var(--ink); } .temino-badge--new { background: var(--salviaD); color: var(--cream); } .temino-badge--out { background: var(--mute); color: var(--cream); opacity: 0.85; } .temino-product-card__photo { position: relative; display: block; overflow: hidden; aspect-ratio: 1/1; background: var(--paper-2); } .temino-product-card__photo img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block; margin: 0 !important; transition: transform 500ms; } .temino-product-card:hover .temino-product-card__photo img { transform: scale(1.06); } .temino-product-card__cta { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 0 !important; background: var(--ink); color: var(--cream); border-radius: 50%; text-decoration: none; border: 0 !important; cursor: pointer; transition: background 220ms cubic-bezier(.2,.7,.2,1), transform 220ms cubic-bezier(.2,.7,.2,1), box-shadow 220ms; flex-shrink: 0; line-height: 1; font-size: 0; box-shadow: 0 4px 12px -6px rgba(44,42,36, 0.35); } .temino-product-card__cta svg { display: block; transition: transform 220ms; } .temino-product-card__cta:hover { background: var(--salviaD); color: var(--cream); transform: scale(1.08); box-shadow: 0 6px 18px -6px rgba(107,138,110, 0.55); } .temino-product-card__cta--add:hover svg { transform: rotate(90deg); } .temino-product-card__cta--variable:hover svg { transform: translateX(3px); } .temino-product-card__cta.loading { opacity: 0.6; pointer-events: none; } .temino-product-card__cta.added_to_cart, .temino-product-card__cta.added { background: var(--salviaD); color: var(--cream); } .temino-product-card__oos-txt { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); padding: 0 4px; } .temino-product-card__body { padding: 14px 18px 16px; flex: 1; display: flex; flex-direction: column; gap: 4px; } .temino-product-card__cat { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salviaD); margin: 0; } .temino-product-card__title-link { text-decoration: none; color: var(--ink); } .temino-product-card__title { font-family: var(--serif); font-size: 17px; line-height: 1.2; margin: 0; font-weight: 400; letter-spacing: -0.01em; } .temino-product-card__title-link:hover .temino-product-card__title { color: var(--salviaD); } .temino-product-card__aging { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; color: var(--mute); margin: 0; text-transform: uppercase; } .temino-product-card__aging strong { color: var(--ink); font-weight: 500; } .temino-product-card__rating { display: flex; align-items: center; gap: 6px; margin: 4px 0; } .temino-product-card__rating .star-rating { color: var(--gold); font-size: 13px; } .temino-product-card__rating small { font-family: var(--mono); font-size: 10px; color: var(--mute); letter-spacing: 0.06em; } .temino-product-card__footer { margin-top: auto; padding-top: 12px; border-top: 1px solid rgba(44,42,36, 0.08); display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 52px; } .temino-product-card__price-na { font-family: var(--mono); font-size: 12px; letter-spacing: 0.04em; color: var(--salviaD); text-transform: uppercase; font-weight: 500; } .temino-product-card__price { font-family: var(--serif); font-size: 20px; color: var(--ink); letter-spacing: -0.01em; line-height: 1.1; flex-shrink: 0; } .temino-product-card__price del { color: var(--mute); opacity: 0.6; margin-right: 6px; font-size: 15px; } .temino-product-card__price ins { background: transparent; color: var(--salviaD); text-decoration: none; font-weight: 600; } .temino-shop-trust { padding: 32px 0; background: var(--paper-2); border-top: 1px dashed var(--line-soft); } .temino-shop-trust__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .temino-shop-trust__item { display: flex; align-items: center; gap: 14px; } .temino-shop-trust__icon { width: 44px; height: 44px; background: var(--cream); border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 20px; flex-shrink: 0; } .temino-shop-trust__item strong { display: block; font-family: var(--serif); font-size: 15px; color: var(--ink); margin-bottom: 2px; font-weight: 400; } .temino-shop-trust__item small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; color: var(--mute); text-transform: uppercase; } .woocommerce nav.woocommerce-pagination { margin: 40px 0 0; padding-top: 24px; border-top: 1px dashed var(--line-soft); text-align: center; } .woocommerce nav.woocommerce-pagination ul { display: inline-flex; gap: 6px; list-style: none; padding: 0; margin: 0; border: 0 !important; } .woocommerce nav.woocommerce-pagination ul li { border: 0 !important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 10px 14px !important; border-radius: 999px !important; background: transparent !important; border: 1px solid var(--line-soft) !important; font-family: var(--mono); font-size: 13px; min-width: 40px; color: var(--ink); text-decoration: none; transition: all 180ms; } .woocommerce nav.woocommerce-pagination ul li a:hover { border-color: var(--ink); background: var(--paper-2) !important; } .woocommerce nav.woocommerce-pagination ul li span.current { background: var(--ink) !important; color: var(--cream); border-color: var(--ink) !important; } @media (max-width: 1100px) { .temino-shop-content .products { grid-template-columns: repeat(2, 1fr) !important; } } @media (max-width: 900px) { .temino-shop-layout { grid-template-columns: 1fr; gap: 24px; } .temino-shop-sidebar { position: fixed; inset: 0; z-index: 9998; max-height: 100vh; border-radius: 0; transform: translateX(-100%); transition: transform 320ms cubic-bezier(.2,.7,.2,1); padding: 60px 24px 24px; } .temino-shop-sidebar.is-open { transform: translateX(0); } .temino-shop-sidebar__close { display: inline-flex; } .temino-shop-toolbar__filter-toggle { display: inline-flex; } .temino-shop-trust__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 600px) { .temino-shop-hero { padding: 16px 0 8px; } .temino-shop-hero .breadcrumb { margin-bottom: 10px; font-size: 11px; } .temino-shop-hero__head { flex-direction: column; align-items: flex-start; gap: 8px; } .temino-shop-hero__title { font-size: clamp(28px, 9vw, 36px); margin: 0 0 4px; line-height: 1.05; } .temino-shop-hero__desc { font-size: 14px; line-height: 1.5; margin: 0; } .temino-shop-hero__meta { text-align: left; margin: 0; } .temino-shop-hero__meta p { display: inline; margin: 0; font-size: 10px; line-height: 1.4; } .temino-shop-hero__meta p + p::before { content: ' · '; margin: 0 4px; color: var(--mute); } .temino-shop-cats { padding: 10px 0; } .temino-shop-cat { padding: 8px 14px; } .temino-shop-main { padding: 12px 0 32px; } .temino-shop-toolbar { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 10px 0; } .temino-shop-toolbar__count { font-size: 11px; order: 2; flex: 1; min-width: 0; } .temino-shop-toolbar__filter-toggle { order: 1; } .temino-shop-toolbar__sort { order: 3; width: 100%; } .temino-shop-toolbar__sort select { width: 100%; } .temino-shop-toolbar__view { order: 4; } .temino-shop-content .products { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; } .temino-shop-content[data-view="list"] .products { grid-template-columns: 1fr !important; } .temino-shop-content[data-view="list"] .temino-product-card { grid-template-columns: 110px 1fr !important; gap: 12px !important; } .temino-product-card { border-radius: 10px; } .temino-product-card__body { padding: 10px 12px 12px; gap: 3px; } .temino-product-card__cat { font-size: 9px; letter-spacing: 0.08em; } .temino-product-card__title { font-size: 14px; line-height: 1.25; } .temino-product-card__aging { font-size: 9px; letter-spacing: 0.06em; } .temino-product-card__rating { gap: 4px; margin: 2px 0; } .temino-product-card__rating .star-rating { font-size: 11px; } .temino-product-card__rating small { font-size: 9px; } .temino-product-card__footer { padding-top: 8px; gap: 6px; min-height: 40px; } .temino-product-card__price { font-size: 15px; line-height: 1.1; } .temino-product-card__price del { font-size: 11px; margin-right: 3px; } .temino-product-card__price-na { font-size: 10px; letter-spacing: 0.03em; } .temino-product-card__cta { width: 34px; height: 34px; } .temino-product-card__cta svg { width: 14px; height: 14px; } .temino-product-card__wishlist { top: 6px; right: 6px; width: 28px; height: 28px; font-size: 14px; } .temino-product-card__badges { top: 6px; left: 6px; gap: 3px; } .temino-product-card__badges .temino-badge { font-size: 8px; padding: 2px 6px; letter-spacing: 0.05em; } .temino-shop-trust__grid { grid-template-columns: 1fr; } } @media (max-width: 359px) { .temino-shop-content .products { grid-template-columns: 1fr !important; gap: 12px !important; } .temino-product-card__title { font-size: 16px; } .temino-product-card__price { font-size: 17px; } } .temino-wc-page { max-width: none !important; margin: 0 !important; padding: 0 !important; font-size: inherit; line-height: inherit; } .temino-wc-page > section { margin: 0 !important; } body.woocommerce-cart article.page-article, body.woocommerce-checkout article.page-article, body.woocommerce-account article.page-article { margin: 0 !important; max-width: none !important; padding: 0 !important; } .woocommerce-cart-form.temino-cart-form { max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } body.woocommerce-cart .temino-cart-head > .wrap, body.woocommerce-cart .temino-cart-main > .wrap, body.woocommerce-cart .temino-cart-base > .wrap { max-width: 1820px; padding-left: clamp(20px, 3vw, 56px); padding-right: clamp(20px, 3vw, 56px); } body.woocommerce-cart .temino-cart-main .woocommerce-notices-wrapper { margin-bottom: 16px; } body.woocommerce-cart .woocommerce-message, body.woocommerce-cart .woocommerce-info, body.woocommerce-cart .woocommerce-error { background: var(--paper-2); border-radius: 8px; padding: 12px 16px; font-size: 13px; border-left: 3px solid var(--salviaD); list-style: none; margin: 0 0 12px; } .temino-cart-head { background: var(--cream); padding: 20px 0 18px; } .temino-cart-head__bc { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); margin-bottom: 10px; } .temino-cart-head__bc .woocommerce-breadcrumb, .temino-cart-head__bc nav, .temino-cart-head__bc { font-size: 11px; } .temino-cart-head__bc a { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; } .temino-cart-head__bc a:hover { color: var(--ink); border-bottom-color: var(--ink); } .temino-cart-head__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; } .temino-cart-head__title { font-family: var(--serif); font-size: clamp(28px, 3.6vw, 40px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 400; margin: 0; color: var(--ink); } .temino-cart-head__title em { font-style: italic; color: var(--salviaD); } .temino-cart-head__sub { font-size: 14px; color: var(--ink-2); margin: 6px 0 0; font-family: var(--sans); } .temino-cart-head__meta { text-align: right; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); display: flex; gap: 14px; align-items: center; } .temino-cart-head__meta span + span::before { content: '·'; margin-right: 14px; color: var(--line-soft); } .temino-cart-main { padding: 28px 0 48px; background: var(--cream); } .temino-cart-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 28px; align-items: flex-start; } .temino-cart-items { min-width: 0; } .temino-cart-ship { background: var(--paper-2); border-radius: 10px; padding: 10px 16px; display: flex; align-items: center; gap: 14px; margin-bottom: 20px; } .temino-cart-ship__ico { font-size: 18px; flex-shrink: 0; width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; background: var(--cream); border-radius: 50%; } .temino-cart-ship__body { flex: 1; min-width: 0; } .temino-cart-ship__msg { font-size: 13px; color: var(--ink); margin: 0 0 6px; } .temino-cart-ship__msg strong { color: var(--salviaD); font-weight: 600; } .temino-cart-ship.is-ok .temino-cart-ship__msg { color: var(--salviaD); font-weight: 500; } .temino-cart-ship__track { height: 4px; background: var(--cream); border-radius: 999px; overflow: hidden; } .temino-cart-ship__fill { height: 100%; background: var(--salviaD); transition: width 400ms cubic-bezier(.2,.7,.2,1); } .temino-cart-items__head { display: flex; justify-content: space-between; align-items: baseline; padding: 0 0 10px; } .temino-cart-items__count { font-family: var(--serif); font-size: 20px; font-weight: 400; color: var(--ink); } .temino-cart-items__subtotal { font-family: var(--mono); font-size: 12px; color: var(--ink-2); letter-spacing: 0.04em; } .temino-cart-list { list-style: none; padding: 0; margin: 0; } .temino-cart-card { display: grid; grid-template-columns: 88px minmax(0, 1fr) auto; grid-template-areas: "thumb body prices"; gap: 20px; padding: 22px 0; border-bottom: 1px solid var(--line-soft); align-items: start; } .temino-cart-card:last-child { border-bottom: 0; padding-bottom: 16px; } .temino-cart-card__thumb { grid-area: thumb; width: 88px; aspect-ratio: 1; background: var(--paper-2); border-radius: 8px; overflow: hidden; } .temino-cart-card__thumb img, .temino-cart-card__thumb a { display: block; width: 100%; height: 100%; object-fit: cover; } .temino-cart-card__body { grid-area: body; min-width: 0; display: flex; flex-direction: column; gap: 8px; } .temino-cart-card__name { font-family: var(--serif); font-size: 17px; line-height: 1.3; margin: 0; font-weight: 400; color: var(--ink); overflow-wrap: break-word; } .temino-cart-card__name a { color: inherit; text-decoration: none; } .temino-cart-card__name a:hover { color: var(--salviaD); } .temino-cart-card__meta { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 12px; color: var(--mute); } .temino-cart-card__sku { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; } .temino-cart-card__stock { font-size: 12px; margin: 0; color: var(--salviaD); font-weight: 500; } .temino-cart-card__stock.is-ko { color: #B54A3B; } .temino-cart-card__vars { font-size: 12px; color: var(--mute); margin-top: 2px; } .temino-cart-card__vars p, .temino-cart-card__vars dl { margin: 0; } .temino-cart-card__controls { display: flex; align-items: center; gap: 14px; margin-top: 4px; flex-wrap: wrap; } .temino-cart-card__qty .quantity { display: inline-flex; align-items: center; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); overflow: hidden; } .temino-cart-card__qty .quantity input.qty { width: 52px; height: 36px; border: 0; background: transparent; font-family: var(--sans); font-size: 14px; text-align: center; color: var(--ink); appearance: textfield; -moz-appearance: textfield; } .temino-cart-card__qty .quantity input.qty::-webkit-outer-spin-button, .temino-cart-card__qty .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .temino-cart-card__remove { font-size: 12px; color: var(--mute); text-decoration: none; padding: 6px 0; transition: color 180ms; } .temino-cart-card__remove:hover { color: #B54A3B; } .temino-cart-card__prices { grid-area: prices; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; min-width: 90px; } .temino-cart-card__subtotal { font-family: var(--serif); font-size: 20px; color: var(--ink); font-weight: 500; line-height: 1; } .temino-cart-card__subtotal bdi, .temino-cart-card__subtotal .amount { font-weight: inherit; } .temino-cart-card__unit { font-size: 11px; color: var(--mute); font-family: var(--mono); letter-spacing: 0.04em; } .temino-cart-actions { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px 0 0; flex-wrap: wrap; } .temino-cart-actions__update { padding: 10px 20px; background: transparent; border: 1px solid var(--line-soft); color: var(--ink); border-radius: 6px; font-family: var(--sans); font-size: 13px; cursor: pointer; transition: border-color 180ms, background 180ms; } .temino-cart-actions__update:hover { border-color: var(--ink); background: var(--paper-2); } .temino-cart-actions__continue { font-size: 13px; color: var(--salviaD); text-decoration: none; transition: color 180ms; } .temino-cart-actions__continue:hover { color: var(--ink); text-decoration: underline; } .temino-cart-aside { position: sticky; top: 90px; display: flex; flex-direction: column; gap: 14px; } .temino-cart-summary { background: var(--paper-2); border: 1px solid var(--line-soft); border-radius: 10px; padding: 22px; display: flex; flex-direction: column; gap: 12px; } .temino-cart-summary__title { font-family: var(--serif); font-size: 20px; font-weight: 400; letter-spacing: -0.01em; margin: 0 0 4px; color: var(--ink); } .temino-cart-summary__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; color: var(--ink); line-height: 1.4; } .temino-cart-summary__row.is-discount { color: var(--salviaD); } .temino-cart-summary__row.is-total { padding-top: 12px; border-top: 1px solid var(--line-soft); margin-top: 4px; font-family: var(--serif); font-size: 22px; font-weight: 500; color: var(--ink); } .temino-cart-summary__ship { padding: 6px 0; font-size: 13px; color: var(--ink-2); } .temino-cart-summary__ship ul.woocommerce-shipping-methods { list-style: none; padding: 0; margin: 0; font-size: 13px; } .temino-cart-summary__ship ul.woocommerce-shipping-methods li { padding: 4px 0; } .temino-cart-summary__ship p.woocommerce-shipping-destination { font-size: 11px; color: var(--mute); margin: 4px 0 0; font-family: var(--mono); } .temino-cart-summary__ship .shipping-calculator-button { font-size: 12px; color: var(--salviaD); text-decoration: none; border-bottom: 1px dashed var(--salviaD); } .temino-cart-summary__checkout { margin-top: 4px; } .temino-cart-summary__checkout .checkout-button, .temino-cart-summary__checkout .wc-proceed-to-checkout .button, .temino-cart-summary__checkout .button { display: block; width: 100%; text-align: center; padding: 14px 20px !important; background: var(--ink) !important; color: var(--cream) !important; border-radius: 8px !important; font-family: var(--sans) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-decoration: none !important; border: 0 !important; transition: background 180ms !important; cursor: pointer; } .temino-cart-summary__checkout .button:hover { background: var(--salviaD) !important; } .temino-cart-summary__coupon summary { cursor: pointer; font-size: 12px; color: var(--salviaD); padding: 8px 0 0; list-style: none; user-select: none; } .temino-cart-summary__coupon summary::-webkit-details-marker { display: none; } .temino-cart-summary__coupon summary::before { content: '+'; margin-right: 6px; font-weight: 600; font-size: 14px; } .temino-cart-summary__coupon[open] summary::before { content: '−'; } .temino-cart-coupon { display: flex; gap: 6px; padding: 10px 0 0; } .temino-cart-coupon input[type="text"] { flex: 1; padding: 9px 12px; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); font-family: var(--sans); font-size: 13px; color: var(--ink); } .temino-cart-coupon input[type="text"]:focus { outline: 2px solid var(--salviaD); outline-offset: -1px; border-color: transparent; } .temino-cart-coupon button { padding: 9px 16px; background: var(--cream); color: var(--ink); border: 1px solid var(--ink); border-radius: 6px; font-size: 12px; cursor: pointer; transition: background 180ms, color 180ms; } .temino-cart-coupon button:hover { background: var(--ink); color: var(--cream); } .temino-cart-summary__pay { margin-top: 6px; padding-top: 12px; border-top: 1px solid var(--line-soft); } .temino-cart-summary__pay p.mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); margin: 0 0 8px; } .temino-cart-summary__pay-icons { display: flex; flex-wrap: wrap; gap: 5px; } .temino-cart-summary__pay-icons span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; padding: 4px 9px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 4px; color: var(--ink); text-transform: uppercase; } .temino-cart-aside__trust { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 14px 16px; display: flex; flex-direction: column; gap: 12px; } .temino-cart-aside__trust-item { display: flex; align-items: center; gap: 12px; } .temino-cart-aside__trust-item > span { width: 34px; height: 34px; border-radius: 50%; background: var(--paper-2); display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } .temino-cart-aside__trust-item strong { display: block; font-size: 13px; color: var(--ink); font-weight: 500; } .temino-cart-aside__trust-item small { display: block; font-size: 11px; color: var(--mute); font-family: var(--mono); } .temino-cart-empty { text-align: center; padding: 60px 20px; max-width: 640px; margin: 0 auto; } .temino-cart-empty__icon { font-size: 64px; margin-bottom: 16px; } .temino-cart-empty__title { font-family: var(--serif); font-size: clamp(28px, 3.5vw, 36px); font-weight: 400; margin: 0 0 10px; color: var(--ink); } .temino-cart-empty__text { font-size: 14px; color: var(--ink-2); max-width: 440px; margin: 0 auto 22px; line-height: 1.55; } .temino-cart-empty__cta { display: inline-block; padding: 12px 24px; background: var(--ink); color: var(--cream); border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: background 180ms; } .temino-cart-empty__cta:hover { background: var(--salviaD); } .temino-cart-empty__suggest { margin-top: 50px; text-align: left; } .temino-cart-empty__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; } .temino-cart-xsell { margin-top: 36px; padding-top: 28px; border-top: 1px solid var(--line-soft); } .temino-cart-xsell__head { margin-bottom: 16px; } .temino-cart-xsell__tag { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; color: var(--salviaD); text-transform: uppercase; margin: 0 0 4px; } .temino-cart-xsell__title { font-family: var(--serif); font-size: clamp(22px, 2.4vw, 28px); font-weight: 400; letter-spacing: -0.01em; margin: 0; color: var(--ink); } .temino-cart-xsell__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; } .temino-cart-base { background: var(--paper-2); padding: 28px 0; border-top: 1px solid var(--line-soft); } .temino-cart-base__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; } .temino-cart-base__item { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--ink); } .temino-cart-base__item strong { display: block; font-size: 13px; font-weight: 500; color: var(--ink); } .temino-cart-base__item small { display: block; font-size: 11px; color: var(--mute); font-family: var(--mono); } .temino-cart-base__ico { width: 32px; height: 32px; background: var(--cream); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 16px; flex-shrink: 0; } @media (max-width: 1200px) { .temino-cart-layout { grid-template-columns: minmax(0, 1fr) 320px; gap: 20px; } } @media (max-width: 1000px) { .temino-cart-layout { grid-template-columns: 1fr; gap: 20px; } .temino-cart-aside { position: static; } .temino-cart-base__grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .temino-cart-head { padding: 12px 0 8px; } .temino-cart-head__row { flex-direction: column; align-items: flex-start; } .temino-cart-head__meta { text-align: left; justify-content: flex-start; } .temino-cart-head__title { font-size: clamp(22px, 6vw, 28px); } .temino-cart-head__sub { font-size: 12px; margin-top: 4px; } .temino-cart-main { padding: 12px 0 24px; } .temino-cart-ship { padding: 8px 14px; margin-bottom: 14px; gap: 10px; } .temino-cart-items__head { padding-bottom: 6px; } .temino-cart-items__count { font-size: 16px; } .temino-cart-card { grid-template-columns: 64px minmax(0, 1fr) auto; grid-template-areas: "thumb body prices"; gap: 12px; padding: 12px 0; } .temino-cart-card__thumb { width: 64px; aspect-ratio: 1; } .temino-cart-card__name { font-size: 14px; line-height: 1.2; } .temino-cart-card__meta { font-size: 11px; gap: 6px; } .temino-cart-card__sku, .temino-cart-card__stock { font-size: 10px; } .temino-cart-card__vars { font-size: 11px; } .temino-cart-card__prices { align-items: flex-end; flex-direction: column; text-align: right; padding-top: 0; border-top: 0; gap: 4px; } .temino-cart-card__unit { display: none; } .temino-cart-card__subtotal { font-size: 14px; font-weight: 500; } .temino-cart-card__qty .quantity input.qty { width: 44px; height: 36px; font-size: 13px; } .temino-cart-card__remove { font-size: 12px; } .temino-cart-actions { flex-direction: row; justify-content: space-between; align-items: center; padding: 6px 0 0; gap: 12px; flex-wrap: wrap; } .temino-cart-actions__update { padding: 6px 12px !important; font-size: 11px !important; background: transparent !important; border: 1px solid var(--line-soft) !important; border-radius: 999px !important; color: var(--ink-2) !important; text-transform: uppercase; letter-spacing: 0.08em; font-family: var(--mono); } .temino-cart-actions__continue { font-size: 12px; padding: 6px 0; } .temino-cart-aside { gap: 12px; margin-top: 12px; } .temino-cart-summary { padding: 16px; gap: 8px; } .temino-cart-summary__title { font-size: 16px; } .temino-cart-summary__row:not(.is-total):not(.is-discount) { font-size: 13px; opacity: 0.8; } .temino-cart-summary__row.is-total { font-size: 18px; padding-top: 8px; } .temino-cart-summary__checkout { display: none; } .temino-cart-summary__ship { font-size: 12px; padding: 4px 0 0; } .temino-cart-base__grid { grid-template-columns: 1fr; } .temino-cart-base { padding: 20px 0; } .temino-cart-xsell { margin-top: 24px; padding-top: 20px; } body.woocommerce-cart .temino-ribbon { display: none !important; } } body.woocommerce-checkout .temino-co-banner > .wrap, body.woocommerce-checkout .temino-co-head > .wrap, body.woocommerce-checkout .temino-co-main > .wrap { max-width: 1620px; padding-left: clamp(20px, 3vw, 56px); padding-right: clamp(20px, 3vw, 56px); } .temino-co-banner { background: var(--ink); color: var(--cream); padding: 10px 0; text-align: center; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; } .temino-co-head { background: var(--cream); padding: 20px 0 14px; border-bottom: 1px solid var(--line-soft); } .temino-co-head__bc { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); margin-bottom: 8px; } .temino-co-head__bc a { color: inherit; text-decoration: none; } .temino-co-head__bc a:hover { color: var(--ink); } .temino-co-head__row { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; } .temino-co-head__title { font-family: var(--serif); font-size: clamp(28px, 3.6vw, 40px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 400; margin: 0; color: var(--ink); } .temino-co-head__sub { font-size: 13px; color: var(--ink-2); margin: 6px 0 0; } .temino-co-head__help { font-size: 13px; color: var(--salviaD); text-decoration: none; padding: 8px 14px; border: 1px solid var(--line-soft); border-radius: 999px; font-family: var(--sans); transition: border-color 180ms, color 180ms; } .temino-co-head__help:hover { border-color: var(--salviaD); color: var(--ink); } .temino-co-steps { display: flex; gap: 12px; margin: 0; padding: 0; list-style: none; flex-wrap: wrap; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--mute); text-transform: uppercase; } .temino-co-steps li { display: inline-flex; align-items: center; gap: 8px; position: relative; } .temino-co-steps li + li::before { content: '→'; margin-right: 4px; color: var(--line-soft); } .temino-co-steps li span { width: 22px; height: 22px; border-radius: 50%; background: var(--paper-2); color: var(--mute); display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 11px; } .temino-co-steps li.is-done span { background: var(--salviaD); color: var(--cream); } .temino-co-steps li.is-done { color: var(--salviaD); } .temino-co-steps li.is-active span { background: var(--ink); color: var(--cream); } .temino-co-steps li.is-active { color: var(--ink); font-weight: 600; } .temino-co-main { padding: 28px 0 48px; background: var(--cream); } .temino-co-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) 420px; gap: 36px; align-items: flex-start; } .temino-co-form__col { min-width: 0; } .temino-co-section { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 20px 24px 24px; margin-bottom: 18px; } .temino-co-section__head { display: flex; align-items: flex-start; gap: 14px; padding-bottom: 4px; margin-bottom: 14px; } .temino-co-section__num { width: 28px; height: 28px; border-radius: 50%; background: var(--ink); color: var(--cream); display: inline-flex; align-items: center; justify-content: center; font-family: var(--mono); font-size: 13px; font-weight: 600; flex-shrink: 0; } .temino-co-section__title { font-family: var(--serif); font-size: 20px; font-weight: 400; margin: 0; color: var(--ink); line-height: 1.15; } .temino-co-section__sub { font-size: 13px; color: var(--mute); margin: 4px 0 0; } .temino-co-section__body { padding: 0; } .temino-co-section__body h3, .temino-co-section__body #ship-to-different-address h3 { font-family: var(--sans) !important; font-size: 14px !important; color: var(--ink) !important; margin: 0 0 10px !important; font-weight: 500 !important; border: 0 !important; padding: 0 !important; letter-spacing: 0 !important; text-transform: none !important; } .temino-co-form .form-row-first, .temino-co-form .form-row-first { width: 48.5% !important; float: left !important; } .temino-co-form .form-row-last { width: 48.5% !important; float: right !important; clear: none !important; } .temino-co-form .form-row-wide { width: 100% !important; clear: both; } .temino-co-form #customer_details::after, .temino-co-form .form-row::after { content: ""; display: table; clear: both; } .temino-co-disclaimer { font-size: 12px; color: var(--mute); margin: 16px 0 10px; padding: 12px 16px; background: var(--paper-2); border-radius: 8px; line-height: 1.5; } .temino-co-trust { list-style: none; padding: 0; margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 12px; color: var(--ink-2); } .temino-co-trust li { display: inline-flex; align-items: center; gap: 8px; } .temino-co-trust li span { font-size: 14px; color: var(--salviaD); } .temino-co-summary__col { position: sticky; top: 80px; } .temino-co-summary { background: var(--paper-2); border: 1px solid var(--line-soft); border-radius: 10px; padding: 22px; } .temino-co-summary__inner { display: flex; flex-direction: column; gap: 16px; margin-top: 8px; } .temino-co-summary__title { font-family: var(--serif); font-size: 18px; font-weight: 400; margin: 0; color: var(--ink); display: flex; align-items: center; gap: 12px; cursor: default; list-style: none; } .temino-co-summary__title::-webkit-details-marker { display: none; } .temino-co-summary__title > span:first-child { flex: 1; min-width: 0; } .temino-co-summary__title-total, .temino-co-summary__title-arrow { display: none; } @media (min-width: 961px) { details.temino-co-summary { } details.temino-co-summary > .temino-co-summary__inner { display: flex !important; } } .temino-co-items { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; max-height: 360px; overflow-y: auto; padding-right: 6px; margin-right: -6px; } .temino-co-items::-webkit-scrollbar { width: 6px; } .temino-co-items::-webkit-scrollbar-thumb { background: rgba(44,42,36,0.2); border-radius: 3px; } .temino-co-items::-webkit-scrollbar-track { background: transparent; } .temino-co-item { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; } .temino-co-item__thumb { position: relative; width: 54px; height: 54px; background: var(--cream); border-radius: 6px; overflow: hidden; border: 1px solid var(--line-soft); } .temino-co-item__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .temino-co-item__qty { position: absolute; top: -6px; right: -6px; background: var(--ink); color: var(--cream); font-family: var(--mono); font-size: 10px; font-weight: 600; min-width: 20px; height: 20px; border-radius: 10px; padding: 0 5px; display: inline-flex; align-items: center; justify-content: center; } .temino-co-item__body { min-width: 0; } .temino-co-item__name { font-size: 13px; font-family: var(--sans); font-weight: 500; color: var(--ink); margin: 0; line-height: 1.3; overflow-wrap: break-word; } .temino-co-item__meta { font-size: 11px; color: var(--mute); margin-top: 2px; } .temino-co-item__meta p, .temino-co-item__meta dl { margin: 0; } .temino-co-item__price { font-family: var(--mono); font-size: 13px; color: var(--ink); white-space: nowrap; } .temino-co-coupon summary { cursor: pointer; font-size: 13px; color: var(--salviaD); list-style: none; user-select: none; padding: 8px 0; border-top: 1px solid var(--line-soft); } .temino-co-coupon summary::-webkit-details-marker { display: none; } .temino-co-coupon summary::before { content: '+ '; font-weight: 600; } .temino-co-coupon[open] summary::before { content: '− '; } .temino-co-coupon__form { display: flex; gap: 6px; padding: 8px 0 0; } .temino-co-coupon__form input[type="text"] { flex: 1; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); font-size: 13px; color: var(--ink); } .temino-co-coupon__form input[type="text"]:focus { outline: 2px solid var(--salviaD); outline-offset: -1px; border-color: transparent; } .temino-co-coupon__form button { padding: 10px 16px; background: var(--cream); border: 1px solid var(--ink); color: var(--ink); border-radius: 6px; font-size: 12px; cursor: pointer; transition: background 180ms, color 180ms; } .temino-co-coupon__form button:hover { background: var(--ink); color: var(--cream); } .temino-co-review { display: flex; flex-direction: column; gap: 16px; } .temino-co-review__totals { display: flex; flex-direction: column; gap: 8px; padding: 14px 18px; background: var(--paper-2); border-radius: 8px; } .temino-co-totals__row { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 14px; color: var(--ink); } .temino-co-totals__row.is-discount { color: var(--salviaD); } .temino-co-totals__row.is-total { padding-top: 10px; border-top: 1px solid var(--line-soft); margin-top: 4px; font-family: var(--serif); font-size: 22px; font-weight: 500; color: var(--ink); } .temino-co-totals__ship { padding: 4px 0; font-size: 13px; color: var(--ink-2); } .temino-co-totals__ship ul.woocommerce-shipping-methods { list-style: none; padding: 0; margin: 0; } .temino-co-totals__ship ul.woocommerce-shipping-methods li { display: flex; gap: 8px; align-items: center; padding: 4px 0; } .temino-co-totals__ship p.woocommerce-shipping-destination { font-size: 11px; color: var(--mute); font-family: var(--mono); margin: 6px 0 0; } .temino-co-secure { display: flex; align-items: center; gap: 12px; padding: 12px 14px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 8px; } .temino-co-secure > span { width: 32px; height: 32px; border-radius: 50%; background: var(--paper-2); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; flex-shrink: 0; } .temino-co-secure strong { display: block; font-size: 13px; color: var(--ink); font-weight: 500; } .temino-co-secure small { display: block; font-size: 11px; color: var(--mute); font-family: var(--mono); } .temino-co-form #payment { background: transparent !important; padding: 0 !important; margin: 0 !important; } .temino-co-form #payment ul.payment_methods { padding: 0 !important; margin: 0 0 14px !important; background: transparent !important; border: 0 !important; } .temino-co-form #payment ul.payment_methods li { background: var(--cream) !important; border: 1px solid var(--line-soft) !important; border-radius: 8px !important; padding: 14px 18px !important; margin: 0 0 8px !important; list-style: none !important; transition: border-color 180ms; } .temino-co-form #payment ul.payment_methods li:hover { border-color: var(--salviaD) !important; } .temino-co-form #payment ul.payment_methods li label { font-family: var(--sans) !important; font-size: 15px !important; color: var(--ink) !important; font-weight: 500 !important; cursor: pointer; } .temino-co-form #payment div.payment_box { background: var(--paper-2) !important; padding: 14px !important; margin-top: 10px !important; border-radius: 6px !important; font-size: 13px !important; } .temino-co-form #place_order, .temino-co-form #payment #place_order { width: 100% !important; background: var(--ink) !important; color: var(--cream) !important; padding: 16px 24px !important; border: 0 !important; border-radius: 8px !important; font-family: var(--sans) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: none !important; cursor: pointer; margin-top: 14px !important; min-height: 54px !important; transition: background 180ms !important; box-shadow: 0 6px 20px -8px rgba(44,42,36, 0.4); } .temino-co-form #place_order:hover { background: var(--salviaD) !important; } .temino-co-form .woocommerce-terms-and-conditions-wrapper { background: var(--cream); padding: 12px 14px; border-radius: 6px; margin: 14px 0 0 !important; font-size: 12px; border: 1px solid var(--line-soft); } .temino-co-form .woocommerce-terms-and-conditions-wrapper label { font-weight: 400 !important; color: var(--ink-2) !important; } @media (max-width: 1100px) { .temino-co-layout { grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; } } @media (max-width: 960px) { .temino-co-layout { grid-template-columns: 1fr; gap: 24px; } .temino-co-summary__col { position: static; order: -1; } .temino-co-items { max-height: 260px; } } @media (max-width: 640px) { .temino-co-banner { padding: 8px 0; font-size: 11px; } .temino-co-head { padding: 12px 0 8px; } .temino-co-head__row { flex-direction: column; align-items: flex-start; gap: 6px; } .temino-co-head__title { font-size: clamp(22px, 6vw, 28px); } .temino-co-head__sub { font-size: 12px; margin: 2px 0 0; } .temino-co-head__help { font-size: 11px; } .temino-co-steps { display: none; } .temino-co-main { padding: 8px 0 24px; } .temino-co-layout { gap: 14px; } .temino-co-section { padding: 14px; margin-bottom: 12px; } .temino-co-section__head { padding-bottom: 4px; margin-bottom: 10px; gap: 10px; } .temino-co-section__num { width: 24px; height: 24px; font-size: 11px; } .temino-co-section__title { font-size: 16px; } .temino-co-section__sub { font-size: 11px; margin-top: 2px; } .temino-co-form .form-row-first, .temino-co-form .form-row-last { width: 100% !important; float: none !important; } .temino-co-form .form-row { margin-bottom: 8px !important; } .temino-co-form label { font-size: 12px !important; } .temino-co-form input[type="text"], .temino-co-form input[type="email"], .temino-co-form input[type="tel"], .temino-co-form input[type="number"], .temino-co-form select, .temino-co-form textarea, .temino-co-form .select2-selection { font-size: 14px !important; padding: 10px 12px !important; } .temino-co-summary { padding: 14px 16px; } .temino-co-summary__title { font-size: 14px; cursor: pointer; font-family: var(--sans); font-weight: 500; padding: 4px 0; } .temino-co-summary__title > span:first-child { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); } .temino-co-summary__title-total { display: inline-block; font-family: var(--serif); font-size: 18px; font-weight: 500; color: var(--ink); margin-right: 6px; } .temino-co-summary__title-arrow { display: inline-block; transition: transform 220ms; color: var(--ink-2); font-size: 14px; } details.temino-co-summary[open] .temino-co-summary__title-arrow { transform: rotate(180deg); } .temino-co-summary__inner { gap: 12px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line-soft); } .temino-co-items { max-height: 240px; } .temino-co-trust { gap: 8px 16px; font-size: 11px; padding-bottom: 80px; } .temino-co-disclaimer { font-size: 11px; padding: 10px 12px; margin: 12px 0 8px; } body.woocommerce-checkout .temino-ribbon { display: none !important; } } @media (max-width: 960px) and (min-width: 641px) { details.temino-co-summary > .temino-co-summary__inner { display: flex; } .temino-co-summary__title-total, .temino-co-summary__title-arrow { display: none; } } body.single-product .temino-sp-head > .wrap, body.single-product .temino-sp-hero > .wrap, body.single-product .temino-sp-tabs > .wrap, body.single-product .temino-sp-upsell > .wrap, body.single-product .temino-sp-recent > .wrap, body.single-product .temino-sp-sticky > .wrap { max-width: 1620px; padding-left: clamp(20px, 3vw, 56px); padding-right: clamp(20px, 3vw, 56px); } .temino-sp-head { background: var(--cream); padding: 16px 0 8px; } .temino-sp-head .woocommerce-breadcrumb { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); } .temino-sp-head .woocommerce-breadcrumb a { color: inherit; text-decoration: none; } .temino-sp-head .woocommerce-breadcrumb a:hover { color: var(--ink); border-bottom: 1px solid; } .temino-sp-hero { background: var(--cream); padding: 20px 0 28px; border-bottom: 1px solid var(--line-soft); } .temino-sp-layout { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 40px; align-items: flex-start; } .temino-sp-gallery { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 10px; } .temino-sp-gallery__main { position: relative; background: var(--paper-2); border-radius: 12px; overflow: hidden; aspect-ratio: 1; max-height: 680px; } .temino-sp-gallery__main img, .temino-sp-gallery__img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 400ms cubic-bezier(.2,.7,.2,1); } .temino-sp-gallery__main:hover .temino-sp-gallery__img { transform: scale(1.03); } .temino-sp-badges { position: absolute; top: 16px; left: 16px; display: flex; flex-direction: column; gap: 6px; z-index: 2; } .temino-sp-badge { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 11px; border-radius: 4px; color: var(--cream); font-weight: 600; background: var(--ink); } .temino-sp-badge.is-sale { background: #B54A3B; } .temino-sp-badge.is-feat { background: var(--gold); color: var(--ink); } .temino-sp-badge.is-new { background: var(--salviaD); } .temino-sp-gallery__thumbs { display: flex; gap: 8px; flex-wrap: wrap; } .temino-sp-thumb { width: 72px; height: 72px; border: 1px solid var(--line-soft); border-radius: 8px; overflow: hidden; cursor: pointer; padding: 0; background: var(--paper-2); transition: border-color 180ms, transform 180ms; } .temino-sp-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; } .temino-sp-thumb:hover { border-color: var(--ink); } .temino-sp-thumb.is-active { border-color: var(--salviaD); border-width: 2px; } .temino-sp-info { position: sticky; top: 80px; display: flex; flex-direction: column; gap: 16px; } .temino-sp-info__cat { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salviaD); margin: 0; } .temino-sp-info__cat a { color: inherit; text-decoration: none; } .temino-sp-info__cat a:hover { color: var(--ink); } .temino-sp-info__title { font-family: var(--serif); font-size: clamp(28px, 3.8vw, 44px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 400; margin: 0; color: var(--ink); } .temino-sp-info__rating { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mute); } .temino-sp-info__rating.is-empty a { color: var(--salviaD); text-decoration: underline; } .temino-sp-stars { color: var(--gold); font-size: 16px; letter-spacing: 1px; } .temino-sp-info__rating-txt a { color: var(--salviaD); text-decoration: none; border-bottom: 1px dashed; } .temino-sp-info__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 14px; margin: 4px 0 0; } .temino-sp-price__now { font-family: var(--serif); font-size: 36px; color: var(--ink); font-weight: 500; line-height: 1; } .temino-sp-price__now .amount, .temino-sp-price__now ins { font-weight: inherit; text-decoration: none; } .temino-sp-price__now del { display: none; } .temino-sp-price__old { font-family: var(--mono); font-size: 16px; color: var(--mute); text-decoration: line-through; } .temino-sp-price__save { background: #FBE9E3; color: #B54A3B; padding: 4px 10px; border-radius: 4px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; font-weight: 600; text-transform: uppercase; } .temino-sp-info__tax { font-size: 12px; color: var(--mute); margin: -6px 0 0; font-family: var(--mono); } .temino-sp-info__excerpt { font-size: 15px; color: var(--ink-2); line-height: 1.55; } .temino-sp-info__excerpt p { margin: 0 0 10px; } .temino-sp-info__meta { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; font-size: 13px; color: var(--ink); border-top: 1px dashed var(--line-soft); border-bottom: 1px dashed var(--line-soft); padding: 12px 0; } .temino-sp-info__meta li { display: inline-flex; align-items: center; gap: 6px; } .temino-sp-info__meta span { font-size: 14px; } .temino-sp-info__meta strong { color: var(--ink); font-weight: 500; } .temino-sp-info__stock { font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; margin: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; } .temino-sp-info__stock.is-ok { color: var(--salviaD); } .temino-sp-info__stock.is-back { color: var(--gold); } .temino-sp-info__stock.is-ko { color: #B54A3B; } .temino-sp-info__low { background: #FBE9E3; color: #B54A3B; padding: 4px 10px; border-radius: 999px; font-weight: 600; animation: temino-pulse 2s infinite; } @keyframes temino-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } } .temino-sp-info__cta { display: flex; gap: 10px; align-items: center; padding: 6px 0; } .temino-sp-info__cta form.cart { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; width: 100%; } .temino-sp-info__cta form.cart .quantity { display: inline-flex; align-items: center; border: 1px solid var(--line-soft); border-radius: 8px; overflow: hidden; background: var(--cream); flex-shrink: 0; } .temino-sp-info__cta form.cart .quantity input.qty { width: 60px; height: 52px; border: 0; background: transparent; font-family: var(--serif); font-size: 18px; text-align: center; color: var(--ink); appearance: textfield; -moz-appearance: textfield; } .temino-sp-info__cta form.cart .quantity input.qty::-webkit-outer-spin-button, .temino-sp-info__cta form.cart .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .temino-sp-info__cta form.cart button.single_add_to_cart_button, .temino-sp-info__cta form.cart button.alt, .temino-sp-info__cta form.cart .button { flex: 1 1 200px; min-height: 52px; padding: 14px 24px !important; background: var(--ink) !important; color: var(--cream) !important; border: 0 !important; border-radius: 8px !important; font-family: var(--sans) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; text-transform: none !important; cursor: pointer; transition: background 180ms, transform 180ms !important; box-shadow: 0 6px 20px -8px rgba(44,42,36, 0.4); } .temino-sp-info__cta form.cart .button:hover { background: var(--salviaD) !important; transform: translateY(-1px); } .temino-sp-info__cta form.cart .variations { width: 100%; margin-bottom: 12px; border: 0; } .temino-sp-info__cta form.cart .variations th, .temino-sp-info__cta form.cart .variations td { padding: 6px 0; text-align: left; font-size: 13px; } .temino-sp-info__cta form.cart .variations select { width: 100%; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); font-size: 14px; } .temino-sp-info__cta .woocommerce-variation-price { margin: 10px 0; font-size: 18px; } .temino-sp-info__ship { padding: 14px 16px; background: var(--paper-2); border-radius: 8px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; } .temino-sp-info__ship-line { margin: 0; display: flex; align-items: center; gap: 10px; color: var(--ink); } .temino-sp-info__ship-line span { font-size: 16px; color: var(--salviaD); } .temino-sp-info__trust { list-style: none; padding: 14px 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px 14px; border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-sp-info__trust li { font-size: 12px; color: var(--ink-2); display: flex; align-items: center; gap: 8px; line-height: 1.3; } .temino-sp-info__trust span { font-size: 16px; color: var(--salviaD); flex-shrink: 0; } .temino-sp-info__utils { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; margin-top: 4px; padding-top: 6px; } .temino-sp-info__sku { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--mute); text-transform: uppercase; } .temino-sp-share { display: flex; align-items: center; gap: 12px; font-size: 12px; } .temino-sp-share .mono { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); } .temino-sp-share a { color: var(--salviaD); text-decoration: none; font-family: var(--mono); font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; border-bottom: 1px dashed var(--salviaD); padding-bottom: 1px; } .temino-sp-share a:hover { color: var(--ink); border-color: var(--ink); } .temino-sp-bundle { background: var(--paper-2); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); padding: 40px 0; } .temino-sp-bundle__head { margin-bottom: 22px; text-align: center; } .temino-sp-bundle__tag { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--salviaD); text-transform: uppercase; margin: 0 0 6px; } .temino-sp-bundle__title { font-family: var(--serif); font-size: clamp(24px, 2.6vw, 32px); font-weight: 400; letter-spacing: -0.015em; margin: 0; color: var(--ink); } .temino-sp-bundle__title em { font-style: italic; color: var(--salviaD); } .temino-sp-bundle__row { display: flex; align-items: stretch; gap: 12px; justify-content: center; flex-wrap: wrap; } .temino-sp-bundle__card { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 14px; width: 180px; display: flex; flex-direction: column; gap: 8px; position: relative; } .temino-sp-bundle__card.is-main { border-color: var(--ink); border-width: 2px; } .temino-sp-bundle__card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; } .temino-sp-bundle__card h4 { font-family: var(--sans); font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--ink); margin: 0; min-height: 34px; } .temino-sp-bundle__card .price { font-family: var(--mono); font-size: 13px; color: var(--ink); } .temino-sp-bundle__card label { font-size: 12px; display: flex; align-items: center; gap: 6px; color: var(--ink-2); cursor: pointer; } .temino-sp-bundle__plus { align-self: center; font-size: 24px; color: var(--mute); font-weight: 300; } .temino-sp-bundle__summary { margin-top: 24px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 18px 22px; display: flex; justify-content: space-between; align-items: center; gap: 18px; max-width: 760px; margin-left: auto; margin-right: auto; flex-wrap: wrap; } .temino-sp-bundle__totals { display: flex; flex-direction: column; gap: 2px; } .temino-sp-bundle__totals-old { font-family: var(--mono); font-size: 13px; color: var(--mute); text-decoration: line-through; } .temino-sp-bundle__totals-new { font-family: var(--serif); font-size: 22px; color: var(--ink); font-weight: 500; } .temino-sp-bundle__save { background: #FBE9E3; color: #B54A3B; padding: 3px 9px; border-radius: 4px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; font-weight: 600; margin-left: 8px; } .temino-sp-bundle__cta { padding: 14px 26px; background: var(--salviaD); color: var(--cream); border: 0; border-radius: 8px; font-family: var(--sans); font-size: 14px; font-weight: 600; cursor: pointer; transition: background 180ms; text-decoration: none; } .temino-sp-bundle__cta:hover { background: var(--ink); } .temino-sp-tabs { padding: 40px 0; background: var(--cream); } .temino-sp-tabs__bar { display: flex; gap: 0; border-bottom: 1px solid var(--line-soft); margin-bottom: 28px; flex-wrap: wrap; } .temino-sp-tabs__btn { background: transparent; border: 0; padding: 12px 20px; font-family: var(--sans); font-size: 14px; font-weight: 500; color: var(--mute); cursor: pointer; border-bottom: 2px solid transparent; transition: color 180ms, border-color 180ms; margin-bottom: -1px; } .temino-sp-tabs__btn:hover { color: var(--ink); } .temino-sp-tabs__btn.is-active { color: var(--ink); border-bottom-color: var(--salviaD); } .temino-sp-tabs__panel { display: none; max-width: 920px; } .temino-sp-tabs__panel.is-active { display: block; } .temino-sp-desc { font-size: 16px; line-height: 1.7; color: var(--ink-2); } .temino-sp-desc p { margin: 0 0 16px; } .temino-sp-desc h2, .temino-sp-desc h3 { font-family: var(--serif); color: var(--ink); margin: 28px 0 10px; font-weight: 400; } .temino-sp-desc h2 { font-size: 28px; } .temino-sp-desc h3 { font-size: 22px; } .temino-sp-desc ul, .temino-sp-desc ol { padding-left: 20px; margin: 0 0 16px; } .temino-sp-desc li { margin-bottom: 6px; } .temino-sp-specs { display: grid; grid-template-columns: 180px 1fr; gap: 0; margin: 0; max-width: 640px; } .temino-sp-specs dt { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); padding: 12px 0; border-bottom: 1px dashed var(--line-soft); } .temino-sp-specs dd { margin: 0; padding: 12px 0; border-bottom: 1px dashed var(--line-soft); font-size: 14px; color: var(--ink); } .temino-sp-specs dd a { color: var(--salviaD); text-decoration: none; border-bottom: 1px solid; } .temino-sp-ship { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; } .temino-sp-ship__item { padding: 18px 20px; background: var(--paper-2); border-radius: 10px; } .temino-sp-ship__item h4 { font-family: var(--serif); font-size: 18px; font-weight: 400; color: var(--ink); margin: 0 0 6px; } .temino-sp-ship__item p { font-size: 13px; color: var(--ink-2); line-height: 1.5; margin: 0; } .temino-sp-upsell { padding: 40px 0 48px; background: var(--cream); border-top: 1px solid var(--line-soft); } .temino-sp-upsell__head { margin-bottom: 20px; } .temino-sp-upsell__tag { font-family: var(--mono); font-size: 10px; letter-spacing: 0.12em; color: var(--salviaD); text-transform: uppercase; margin: 0 0 4px; } .temino-sp-upsell__title { font-family: var(--serif); font-size: clamp(24px, 2.6vw, 32px); font-weight: 400; letter-spacing: -0.015em; margin: 0; color: var(--ink); } .temino-sp-upsell__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; } .temino-sp-recent { padding: 40px 0 60px; background: var(--paper-2); } .temino-sp-recent__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 14px; } .temino-sp-sticky { position: fixed; bottom: 0; left: 0; right: 0; background: var(--cream); border-top: 1px solid var(--line-soft); box-shadow: 0 -12px 32px -14px rgba(44,42,36, 0.22); z-index: 90; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); transform: translateY(100%); opacity: 0; transition: transform 280ms cubic-bezier(.2,.7,.2,1), opacity 200ms; pointer-events: none; } .temino-sp-sticky.is-visible { transform: translateY(0); opacity: 1; pointer-events: auto; } .temino-sp-sticky .wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; } .temino-sp-sticky__info { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 1; } .temino-sp-sticky__thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; flex-shrink: 0; } .temino-sp-sticky__meta { min-width: 0; } .temino-sp-sticky__meta strong { display: block; font-size: 13px; color: var(--ink); line-height: 1.2; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 220px; } .temino-sp-sticky__price { font-family: var(--mono); font-size: 12px; color: var(--salviaD); font-weight: 600; display: block; margin-top: 2px; } .temino-sp-sticky__price ins, .temino-sp-sticky__price .amount { text-decoration: none; } .temino-sp-sticky__price del { color: var(--mute); opacity: 0.7; margin-right: 6px; } .temino-sp-sticky__qty { display: inline-flex; align-items: center; border: 1px solid var(--line-soft); border-radius: 999px; background: var(--cream); overflow: hidden; flex-shrink: 0; height: 42px; } .temino-sp-sticky__qty-btn { width: 32px; height: 42px; border: 0; background: transparent; font-size: 18px; font-weight: 500; color: var(--ink); cursor: pointer; padding: 0; display: inline-flex; align-items: center; justify-content: center; } .temino-sp-sticky__qty-btn:hover { background: var(--paper-2); } .temino-sp-sticky__qty input { width: 32px; height: 42px; border: 0; background: transparent; text-align: center; font-family: var(--serif); font-size: 15px; color: var(--ink); appearance: textfield; -moz-appearance: textfield; padding: 0; } .temino-sp-sticky__qty input::-webkit-outer-spin-button, .temino-sp-sticky__qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .temino-sp-sticky__btn { padding: 0 18px; height: 42px; background: var(--ink); color: var(--cream); border-radius: 999px; font-size: 13px; font-weight: 600; text-decoration: none; flex-shrink: 0; transition: background 180ms, transform 180ms; display: inline-flex; align-items: center; justify-content: center; gap: 6px; border: 0; cursor: pointer; min-width: 120px; } .temino-sp-sticky__btn:hover { background: var(--salviaD); color: var(--cream); transform: translateY(-1px); } .temino-sp-sticky__btn svg { flex-shrink: 0; } .temino-sp-sticky__btn.is-loading { opacity: 0.6; pointer-events: none; } .temino-sp-sticky__btn.is-added { background: var(--salviaD); } .temino-sp-sticky__btn--variable { background: var(--salviaD); color: var(--cream); } .temino-sp-sticky__btn--variable:hover { background: var(--ink); color: var(--cream); } .temino-sp-sticky__oos { font-family: var(--mono); font-size: 12px; color: var(--mute); padding: 8px 14px; background: var(--paper-2); border-radius: 999px; text-transform: uppercase; letter-spacing: 0.06em; } body.single-product { padding-bottom: 80px; } @media (min-width: 901px) { body.single-product { padding-bottom: 0; } } @keyframes temino-pulse-anim { 0%, 100% { box-shadow: 0 0 0 0 rgba(107,138,110, 0); border-color: var(--line-soft); } 50% { box-shadow: 0 0 0 6px rgba(107,138,110, 0.2); border-color: var(--salviaD); } } .temino-pulse { animation: temino-pulse-anim 800ms ease-in-out 3; outline: 2px solid var(--salviaD); outline-offset: 2px; } .temino-sp-tabs__panel #reviews .commentlist { list-style: none; padding: 0; margin: 0 0 24px; } .temino-sp-tabs__panel #reviews .commentlist li { padding: 18px 0; border-bottom: 1px dashed var(--line-soft); } .temino-sp-tabs__panel .comment_container { display: flex; gap: 14px; } .temino-sp-tabs__panel .comment-text { flex: 1; } .temino-sp-tabs__panel .comment-text .meta { font-size: 12px; color: var(--mute); font-family: var(--mono); margin-bottom: 6px; } .temino-sp-tabs__panel .star-rating { color: var(--gold); font-size: 14px; margin-bottom: 6px; } .temino-sp-tabs__panel .comment-form-rating .stars a { color: var(--gold); } .temino-sp-quickbuy { display: none; margin: 16px 0 24px; padding: 16px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 12px; box-shadow: 0 2px 8px -4px rgba(44,42,36, 0.08); } .temino-sp-quickbuy__cat { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 6px; } .temino-sp-quickbuy__cat a { color: inherit; text-decoration: none; } .temino-sp-quickbuy__title { font-family: var(--serif); font-size: clamp(22px, 5.6vw, 28px); line-height: 1.1; letter-spacing: -0.02em; font-weight: 400; margin: 0 0 12px; color: var(--ink); } .temino-sp-quickbuy__top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 12px; } .temino-sp-quickbuy__price { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; font-family: var(--serif); color: var(--ink); } .temino-sp-quickbuy__old { font-size: 14px; color: var(--mute); opacity: 0.7; text-decoration: line-through; } .temino-sp-quickbuy__now { font-size: 24px; font-weight: 500; letter-spacing: -0.01em; line-height: 1; } .temino-sp-quickbuy__now .price ins, .temino-sp-quickbuy__now ins { background: transparent; color: var(--salviaD); text-decoration: none; } .temino-sp-quickbuy__stock { font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--salviaD); flex-shrink: 0; } .temino-sp-quickbuy__cta form.cart { display: flex; flex-direction: column; gap: 10px; margin: 0 !important; } .temino-sp-quickbuy__cta .quantity { margin: 0; } .temino-sp-quickbuy__cta button.single_add_to_cart_button { width: 100%; padding: 14px 22px !important; background: var(--ink) !important; color: var(--cream) !important; border-radius: 10px !important; font-family: var(--sans) !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.02em !important; border: 0 !important; text-transform: none !important; transition: background 220ms !important; } .temino-sp-quickbuy__cta button.single_add_to_cart_button:hover { background: var(--salviaD) !important; } .temino-sp-quickbuy__cta table.variations { width: 100%; margin: 0 0 4px !important; border: 0; } .temino-sp-quickbuy__cta table.variations tbody { display: flex; flex-direction: column; gap: 6px; } .temino-sp-quickbuy__cta table.variations tr { display: flex; flex-direction: column; gap: 4px; } .temino-sp-quickbuy__cta table.variations td, .temino-sp-quickbuy__cta table.variations th { padding: 0 !important; border: 0 !important; background: transparent !important; } .temino-sp-quickbuy__cta table.variations th.label label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-2); font-weight: 500; } .temino-sp-quickbuy__cta table.variations td.value select { width: 100%; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--cream); font-family: var(--sans); font-size: 14px; color: var(--ink); cursor: pointer; } .temino-sp-quickbuy__cta .reset_variations { font-size: 11px; color: var(--salviaD); } .temino-sp-quickbuy__cta .single_variation_wrap .woocommerce-variation-price { display: none; } .temino-sp-quickbuy__ship { margin: 12px 0 0; padding-top: 12px; border-top: 1px dashed var(--line-soft); font-family: var(--mono); font-size: 11px; letter-spacing: 0.05em; color: var(--ink-2); line-height: 1.5; } .temino-sp-quickbuy__ship span { color: var(--mute); } @media (max-width: 1100px) { .temino-sp-layout { grid-template-columns: 1fr; gap: 20px; } .temino-sp-gallery, .temino-sp-info { position: static; } .temino-sp-gallery__main { max-height: 560px; aspect-ratio: 1; } .temino-sp-quickbuy { display: block; } .temino-sp-info__cat, .temino-sp-info__title, .temino-sp-info__price, .temino-sp-info__tax, .temino-sp-info__cta { display: none; } .temino-sp-info__rating { margin-top: 0; } } @media (max-width: 640px) { .temino-sp-hero { padding: 12px 0 22px; } .temino-sp-gallery__main { max-height: 420px; } .temino-sp-info__title { font-size: clamp(22px, 5.6vw, 28px); } .temino-sp-price__now { font-size: 26px; } .temino-sp-info__cta form.cart { flex-wrap: wrap; } .temino-sp-info__cta form.cart button.single_add_to_cart_button { flex: 1 1 100%; } .temino-sp-info__utils { flex-direction: column; align-items: flex-start; } .temino-sp-tabs__bar { overflow-x: auto; flex-wrap: nowrap; } .temino-sp-tabs__btn { white-space: nowrap; } .temino-sp-specs { grid-template-columns: 1fr; } .temino-sp-specs dt { padding: 10px 0 2px; border: 0; } .temino-sp-specs dd { padding: 0 0 10px; } .temino-sp-bundle__card { width: 140px; } .temino-sp-sticky__meta strong { max-width: 120px; font-size: 12px; } .temino-sp-sticky__thumb { width: 40px; height: 40px; } .temino-sp-sticky__btn { padding: 0 12px; min-width: 0; font-size: 12px; } .temino-sp-sticky__btn span { display: none; } .temino-sp-sticky__btn--variable span { display: inline; } .temino-sp-sticky__qty { height: 38px; } .temino-sp-sticky__qty-btn { width: 28px; height: 38px; } .temino-sp-sticky__qty input { width: 28px; height: 38px; font-size: 14px; } } @media (max-width: 420px) { .temino-sp-sticky__meta strong { max-width: 100px; } .temino-sp-sticky__qty { display: none; } .temino-sp-sticky__btn { padding: 0 10px; height: 38px; min-width: 44px; } .temino-sp-sticky__btn svg { width: 16px; height: 16px; } } .temino-wishlist-heart { position: absolute; top: 14px; right: 14px; z-index: 3; width: 36px; height: 36px; border-radius: 50%; border: 0; background: rgba(253,251,247, 0.95); color: var(--ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; backdrop-filter: blur(4px); box-shadow: 0 2px 8px -4px rgba(44,42,36, 0.3); transition: background 180ms, color 180ms, transform 180ms; } .temino-wishlist-heart:hover { background: var(--cream); transform: scale(1.08); } .temino-wishlist-heart.is-on { background: var(--salviaD); color: var(--cream); } .temino-wishlist-heart.is-on svg { fill: currentColor; } .temino-wishlist-heart.is-single { position: static; width: auto; height: auto; padding: 10px 18px; border-radius: 999px; background: var(--cream); border: 1px solid var(--line-soft); font-family: var(--sans); font-size: 13px; gap: 8px; box-shadow: none; } .temino-wishlist-heart.is-single:hover { border-color: var(--salviaD); } .temino-wishlist-heart.is-single.is-on { background: color-mix(in oklch, var(--salviaD) 15%, var(--cream)); color: var(--salviaD); border-color: var(--salviaD); } .temino-wishlist-heart__label { font-size: 13px; } .temino-wishlist-hero { background: var(--cream); padding: 40px 0 20px; border-bottom: 1px solid var(--line-soft); } .temino-wishlist-hero__title { font-family: var(--serif); font-size: clamp(36px, 5vw, 52px); line-height: 1.05; letter-spacing: -0.02em; margin: 0; font-weight: 400; } .temino-wishlist-hero__title em { font-style: italic; color: var(--salviaD); } .temino-wishlist-hero__sub { font-size: 14px; color: var(--ink-2); margin: 8px 0 0; } .temino-wishlist-main { padding: 32px 0 60px; background: var(--cream); } .temino-wishlist-main .wrap { max-width: 1620px; padding: 0 clamp(20px, 3vw, 56px); } .temino-wishlist-grid .products, .temino-wishlist__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px; } .temino-wishlist-empty { text-align: center; padding: 60px 20px; max-width: 520px; margin: 0 auto; } .temino-wishlist-empty__icon { font-size: 54px; margin-bottom: 14px; } .temino-wishlist-empty__title { font-family: var(--serif); font-size: clamp(26px, 3vw, 34px); margin: 0 0 10px; font-weight: 400; color: var(--ink); } .temino-wishlist-empty__text { font-size: 14px; color: var(--ink-2); margin: 0 0 22px; line-height: 1.55; } .temino-wishlist-empty__cta { display: inline-block; padding: 12px 24px; background: var(--ink); color: var(--cream); border-radius: 8px; font-size: 13px; font-weight: 500; text-decoration: none; transition: background 180ms; } .temino-wishlist-empty__cta:hover { background: var(--salviaD); } .temino-wishlist-loader { text-align: center; padding: 40px 20px; color: var(--mute); } .temino-wishlist-loader__spinner { width: 40px; height: 40px; border: 3px solid var(--paper-2); border-top-color: var(--salviaD); border-radius: 50%; margin: 0 auto 14px; animation: temino-spin 900ms linear infinite; } @keyframes temino-spin { to { transform: rotate(360deg); } } .temino-qv-trigger { position: absolute; top: 14px; right: 52px; padding: 7px 12px; background: rgba(253,251,247, 0.95); backdrop-filter: blur(6px); border: 0; border-radius: 999px; font-family: var(--sans); font-size: 12px; font-weight: 500; color: var(--ink); cursor: pointer; display: inline-flex; align-items: center; gap: 6px; opacity: 0; transform: translateX(8px); transition: opacity 180ms, transform 180ms, background 180ms; z-index: 3; box-shadow: 0 2px 8px -4px rgba(44,42,36, 0.3); } .temino-product-card:hover .temino-qv-trigger, li.product:hover .temino-qv-trigger { opacity: 1; transform: translateX(0); } .temino-qv-trigger:hover { background: var(--ink); color: var(--cream); } @media (max-width: 600px) { .temino-qv-trigger span { display: none; } .temino-qv-trigger { padding: 8px; } } .temino-qv-modal { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity 260ms ease; } .temino-qv-modal.is-open { opacity: 1; } .temino-qv-modal__backdrop { position: absolute; inset: 0; background: rgba(44,42,36, 0.6); backdrop-filter: blur(4px); cursor: pointer; } .temino-qv-modal__card { position: relative; z-index: 1; background: var(--cream); border-radius: 14px; max-width: 860px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: 0 40px 80px -30px rgba(44,42,36, 0.5); transform: scale(0.96) translateY(10px); transition: transform 260ms cubic-bezier(.2,.7,.2,1); } .temino-qv-modal.is-open .temino-qv-modal__card { transform: scale(1) translateY(0); } .temino-qv-modal__close { position: absolute; top: 16px; right: 16px; width: 36px; height: 36px; border-radius: 50%; background: var(--cream); border: 1px solid var(--line-soft); color: var(--ink); font-size: 22px; cursor: pointer; z-index: 2; display: flex; align-items: center; justify-content: center; } .temino-qv-modal__close:hover { background: var(--paper-2); } .temino-qv-modal__body { padding: 0; } .temino-qv-modal__loader { width: 40px; height: 40px; border: 3px solid var(--paper-2); border-top-color: var(--salviaD); border-radius: 50%; margin: 60px auto; animation: temino-spin 900ms linear infinite; } .temino-qv { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 0; } .temino-qv__img { position: relative; background: var(--paper-2); aspect-ratio: 1; overflow: hidden; border-radius: 14px 0 0 14px; } .temino-qv__img img { width: 100%; height: 100%; object-fit: cover; } .temino-qv__badge { position: absolute; top: 14px; left: 14px; padding: 5px 11px; background: #B54A3B; color: var(--cream); font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; border-radius: 4px; } .temino-qv__info { padding: 28px 32px 28px 28px; display: flex; flex-direction: column; gap: 10px; } .temino-qv__cat { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; color: var(--salviaD); text-transform: uppercase; margin: 0; } .temino-qv__cat a { color: inherit; text-decoration: none; } .temino-qv__title { font-family: var(--serif); font-size: clamp(22px, 2.6vw, 30px); font-weight: 400; margin: 0; line-height: 1.1; color: var(--ink); } .temino-qv__rating { font-size: 12px; color: var(--mute); margin: 0; } .temino-qv__stars { color: var(--gold); font-size: 14px; background: linear-gradient(90deg, var(--gold) var(--pct, 0%), rgba(181,161,100,0.2) var(--pct, 0%)); background-clip: text; -webkit-background-clip: text; color: transparent; } .temino-qv__price { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; } .temino-qv__price del { font-size: 14px; color: var(--mute); } .temino-qv__price strong { font-family: var(--serif); font-size: 26px; font-weight: 500; color: var(--ink); } .temino-qv__desc { font-size: 14px; color: var(--ink-2); line-height: 1.5; } .temino-qv__desc p { margin: 0 0 8px; } .temino-qv__cta { display: flex; gap: 10px; margin-top: 6px; flex-wrap: wrap; } .temino-qv__btn { flex: 1; padding: 12px 16px; border-radius: 8px; font-size: 14px; font-weight: 500; text-decoration: none; text-align: center; transition: background 180ms; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; } .temino-qv__btn--add { background: var(--ink); color: var(--cream); } .temino-qv__btn--add:hover { background: var(--salviaD); } .temino-qv__btn--details { background: transparent; border: 1px solid var(--line-soft); color: var(--ink); } .temino-qv__btn--details:hover { border-color: var(--ink); } .temino-qv__mini-trust { font-family: var(--mono); font-size: 10px; color: var(--mute); letter-spacing: 0.04em; margin: 10px 0 0; text-transform: uppercase; } .temino-qv__oos { background: var(--paper-2); padding: 14px 16px; border-radius: 8px; margin-top: 6px; } .temino-qv__oos p { margin: 0 0 8px; font-size: 13px; color: var(--ink); } .temino-bis-form label { display: block; font-size: 12px; color: var(--ink-2); margin-bottom: 6px; font-family: var(--sans); } .temino-bis-form__row { display: flex; gap: 6px; } .temino-bis-form input[type="email"] { flex: 1; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); font-family: var(--sans); font-size: 13px; color: var(--ink); } .temino-bis-form input[type="email"]:focus { outline: 2px solid var(--salviaD); outline-offset: -1px; border-color: transparent; } .temino-bis-form button { padding: 10px 16px; background: var(--ink); color: var(--cream); border: 0; border-radius: 6px; font-family: var(--sans); font-size: 13px; font-weight: 500; cursor: pointer; transition: background 180ms; } .temino-bis-form button:hover { background: var(--salviaD); } .temino-bis-form__ok { padding: 12px 14px; background: color-mix(in oklch, var(--salviaD) 20%, var(--cream)); border-radius: 6px; color: var(--salviaD); font-size: 13px; margin: 0; } .temino-vd-table { background: var(--paper-2); border-radius: 10px; padding: 14px 16px; margin: 8px 0; } .temino-vd-table__title { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); margin: 0 0 10px; font-weight: 600; } .temino-vd-table__rows { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 6px; } .temino-vd-table__rows li { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; background: var(--cream); border-radius: 6px; font-size: 13px; } .temino-vd-table__qty { color: var(--ink-2); } .temino-vd-table__pct { font-family: var(--mono); font-weight: 600; color: var(--salviaD); background: color-mix(in oklch, var(--salviaD) 15%, var(--cream)); padding: 3px 10px; border-radius: 999px; font-size: 12px; } @media (max-width: 720px) { .temino-qv { grid-template-columns: 1fr; } .temino-qv__img { aspect-ratio: 16/9; border-radius: 14px 14px 0 0; max-height: 280px; } .temino-qv__info { padding: 22px 20px; } } .temino-toast.is-info { border-left-color: var(--cielo); } .temino-toast.is-ok { border-left-color: var(--salviaD); } .temino-ac { position: absolute; top: calc(100% + 6px); left: 0; right: 0; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; box-shadow: 0 12px 32px -12px rgba(44,42,36, 0.3); max-height: 400px; overflow-y: auto; z-index: 50; padding: 6px; } .temino-ac__empty { padding: 14px; text-align: center; color: var(--mute); font-size: 13px; } .temino-ac__label { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); padding: 8px 10px 6px; } .temino-ac__section + .temino-ac__section { border-top: 1px dashed var(--line-soft); margin-top: 4px; padding-top: 4px; } .temino-ac__item, .temino-ac__cat { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 6px; text-decoration: none; color: var(--ink); transition: background 140ms; } .temino-ac__item:hover, .temino-ac__cat:hover { background: var(--paper-2); } .temino-ac__item img { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; flex-shrink: 0; } .temino-ac__body { display: flex; flex-direction: column; min-width: 0; } .temino-ac__body strong { font-size: 13px; font-weight: 500; line-height: 1.2; } .temino-ac__body small { font-size: 11px; color: var(--mute); font-family: var(--mono); } .temino-ac__cat { font-family: var(--mono); font-size: 12px; color: var(--salviaD); } .temino-ac__cat small { color: var(--mute); margin-left: 4px; } .temino-chat-wa { position: fixed; bottom: 20px; right: 20px; z-index: 80; display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; background: #25D366; color: #fff; border-radius: 999px; text-decoration: none; font-family: var(--sans); font-size: 14px; font-weight: 500; box-shadow: 0 8px 24px -8px rgba(37, 211, 102, 0.6); transition: transform 180ms, box-shadow 180ms; } .temino-chat-wa:hover { transform: translateY(-2px); box-shadow: 0 12px 32px -8px rgba(37, 211, 102, 0.75); color: #fff; } .temino-chat-wa__label { display: inline; } @media (max-width: 480px) { .temino-chat-wa { padding: 12px; } .temino-chat-wa__label { display: none; } } .temino-pp-upsell { margin: 32px 0; padding: 32px 0; background: var(--paper-2); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-pp-upsell__head { text-align: center; margin-bottom: 22px; position: relative; } .temino-pp-upsell__badge { display: inline-block; background: #B54A3B; color: var(--cream); font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.06em; padding: 5px 11px; border-radius: 4px; margin-bottom: 8px; } .temino-pp-upsell__head h2 { font-family: var(--serif); font-size: clamp(22px, 2.6vw, 30px); font-weight: 400; margin: 0 0 6px; color: var(--ink); } .temino-pp-upsell__head p { font-size: 14px; color: var(--ink-2); margin: 0 auto; max-width: 500px; } .temino-pp-upsell__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; max-width: 860px; margin: 0 auto; } .temino-pp-upsell__card { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 14px; text-align: center; display: flex; flex-direction: column; gap: 8px; } .temino-pp-upsell__card img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 6px; } .temino-pp-upsell__card h4 { font-family: var(--sans); font-size: 13px; font-weight: 500; margin: 0; line-height: 1.3; min-height: 34px; } .temino-pp-upsell__prices { display: flex; justify-content: center; gap: 8px; align-items: baseline; } .temino-pp-upsell__prices del { font-size: 13px; color: var(--mute); } .temino-pp-upsell__prices strong { font-size: 18px; color: #B54A3B; font-family: var(--serif); font-weight: 500; } .temino-pp-upsell__btn { display: block; padding: 10px; background: var(--ink); color: var(--cream); border-radius: 6px; font-size: 13px; font-weight: 500; text-decoration: none; transition: background 180ms; } .temino-pp-upsell__btn:hover { background: var(--salviaD); } .temino-exit { position: fixed; inset: 0; z-index: 999; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; transition: opacity 260ms ease; } .temino-exit.is-open { opacity: 1; } .temino-exit__backdrop { position: absolute; inset: 0; background: rgba(44,42,36, 0.7); backdrop-filter: blur(4px); cursor: pointer; } .temino-exit__card { position: relative; z-index: 1; background: var(--cream); border-radius: 16px; padding: 40px 36px; max-width: 460px; width: 100%; text-align: center; box-shadow: 0 40px 80px -30px rgba(44,42,36, 0.5); transform: scale(0.9) translateY(20px); transition: transform 320ms cubic-bezier(.2,.7,.2,1); } .temino-exit.is-open .temino-exit__card { transform: scale(1) translateY(0); } .temino-exit__close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; background: var(--paper-2); border: 0; font-size: 20px; cursor: pointer; color: var(--ink); } .temino-exit__tag { display: inline-block; background: var(--gold); color: var(--ink); padding: 5px 12px; border-radius: 999px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; font-weight: 600; } .temino-exit__title { font-family: var(--serif); font-size: clamp(28px, 3.6vw, 36px); font-weight: 400; color: var(--ink); margin: 0 0 10px; line-height: 1.1; } .temino-exit__text { font-size: 14px; color: var(--ink-2); line-height: 1.5; margin: 0 0 18px; } .temino-exit__code { background: var(--paper-2); border: 2px dashed var(--salviaD); border-radius: 10px; padding: 14px; margin: 0 0 16px; display: flex; align-items: center; gap: 10px; justify-content: center; flex-wrap: wrap; } .temino-exit__code-label { font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); } .temino-exit__code strong { font-family: var(--serif); font-size: 24px; color: var(--salviaD); letter-spacing: 0.04em; } .temino-exit__copy { padding: 8px 14px; background: var(--ink); color: var(--cream); border: 0; border-radius: 999px; font-family: var(--mono); font-size: 10px; cursor: pointer; } .temino-exit__cta { display: inline-block; padding: 13px 28px; background: var(--ink); color: var(--cream); border-radius: 999px; font-size: 14px; font-weight: 500; text-decoration: none; transition: background 180ms; } .temino-exit__cta:hover { background: var(--salviaD); } .temino-gc-field summary { cursor: pointer; font-size: 13px; color: var(--salviaD); padding: 8px 0; list-style: none; } .temino-gc-field summary::-webkit-details-marker { display: none; } .temino-gc-field summary::before { content: '+ '; font-weight: 600; } .temino-gc-field[open] summary::before { content: '− '; } .temino-gc-field__row { display: flex; gap: 6px; padding: 6px 0; } .temino-gc-field__row input { flex: 1; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 6px; font-family: var(--mono); text-transform: uppercase; } .temino-gc-field__msg { font-size: 12px; color: var(--salviaD); margin: 6px 0 0; } .temino-loy-summary { background: var(--paper-2); padding: 14px 18px; border-radius: 10px; margin-bottom: 22px; border-left: 4px solid var(--gold); } .temino-loy-summary strong { display: block; font-size: 15px; color: var(--ink); } .temino-loy-summary small { display: block; font-size: 12px; color: var(--mute); margin-top: 4px; } .temino-loy-earn { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--gold); margin: 0; } .temino-ref-box { background: var(--paper-2); padding: 18px 22px; border-radius: 10px; margin-bottom: 22px; } .temino-ref-box h3 { font-family: var(--serif); font-size: 20px; margin: 0 0 8px; font-weight: 400; } .temino-ref-box p { font-size: 13px; color: var(--ink-2); margin: 0 0 12px; } .temino-ref-box__row { display: flex; gap: 6px; } .temino-ref-box__row input { flex: 1; padding: 10px 14px; border: 1px solid var(--line-soft); border-radius: 6px; background: var(--cream); font-family: var(--mono); font-size: 12px; color: var(--ink); } .temino-ref-box__code { font-size: 12px; color: var(--mute); margin: 10px 0 0; } .temino-ref-box__code strong { background: var(--cream); padding: 3px 10px; border-radius: 4px; font-family: var(--mono); color: var(--salviaD); } .comment-form-temino-photo { margin: 14px 0; } .comment-form-temino-photo label { display: block; font-size: 12px; color: var(--ink-2); margin-bottom: 6px; } .comment-form-temino-photo input[type="file"] { font-size: 12px; color: var(--ink-2); } .temino-review-photo-wrap { margin-top: 10px; } .temino-review-photo { max-width: 220px; border-radius: 8px; display: block; } .temino-review-verified { display: inline-block; background: color-mix(in oklch, var(--salviaD) 18%, var(--cream)); color: var(--salviaD); padding: 2px 8px; border-radius: 4px; font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; margin-left: 8px; } body.page-template-page-agriturismo .wrap, body.page-template-page-caseificio .wrap, body.page-template-page-horeca .wrap, body.page-template-page-contatti .wrap { max-width: 1520px; padding-left: clamp(20px, 3vw, 56px); padding-right: clamp(20px, 3vw, 56px); } .temino-agri-label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salvia-ink); margin: 0 0 10px; } .temino-agri-h2 { font-family: var(--serif); font-size: clamp(32px, 4.2vw, 52px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 400; margin: 0 0 14px; color: var(--ink); } .temino-agri-h2 em { font-style: italic; color: var(--salviaD); } .temino-agri-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 24px; border-radius: 999px; font-family: var(--sans); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: background 180ms, transform 180ms, border-color 180ms; border: 0; line-height: 1; } .temino-agri-btn--primary { background: var(--ink); color: var(--cream); } .temino-agri-btn--primary:hover { background: var(--salviaD); transform: translateY(-2px); } .temino-agri-btn--ghost { background: transparent; color: var(--ink); border: 1px solid var(--line-soft); } .temino-agri-btn--ghost:hover { border-color: var(--ink); background: var(--paper-2); } .temino-agri-btn--wa { background: #25D366; color: #fff; } .temino-agri-btn--wa:hover { background: #1DA851; color: #fff; } .temino-agri-hero { background: var(--cream); padding: 40px 0 50px; border-bottom: 1px solid var(--line-soft); } .temino-agri-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; } .temino-agri-hero__text { min-width: 0; } .temino-agri-hero__tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--salviaD); text-transform: uppercase; margin: 0 0 16px; } .temino-agri-hero__title { font-family: var(--serif); font-size: clamp(42px, 6.2vw, 80px); line-height: 0.98; letter-spacing: -0.035em; font-weight: 400; margin: 0 0 20px; color: var(--ink); } .temino-agri-hero__title em { font-style: italic; color: var(--salviaD); } .temino-agri-hero__sub { font-size: 16px; line-height: 1.55; color: var(--ink-2); margin: 0 0 26px; max-width: 520px; } .temino-agri-hero__stats { display: flex; gap: 28px; flex-wrap: wrap; padding: 18px 0; border-top: 1px dashed var(--line-soft); border-bottom: 1px dashed var(--line-soft); margin-bottom: 26px; } .temino-agri-hero__stats > div { display: flex; flex-direction: column; gap: 2px; } .temino-agri-hero__stats strong { font-family: var(--serif); font-size: 28px; font-weight: 500; line-height: 1; color: var(--ink); } .temino-agri-hero__stats small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); } .temino-agri-hero__ctas { display: flex; gap: 10px; flex-wrap: wrap; } .temino-agri-hero__img { position: relative; aspect-ratio: 4/5; background: var(--paper-2); border-radius: 14px; overflow: hidden; box-shadow: 0 20px 50px -25px rgba(44,42,36, 0.35); } .temino-agri-hero__image { width: 100%; height: 100%; object-fit: cover; display: block; } .temino-agri-hero__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 120px; color: rgba(44,42,36,0.12); } .temino-agri-hero__caption { position: absolute; bottom: 16px; left: 16px; background: rgba(253,251,247, 0.94); backdrop-filter: blur(8px); padding: 8px 14px; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); } .temino-agri-hero__caption span { color: var(--salviaD); margin-right: 6px; } .temino-agri-story { padding: 60px 0; background: var(--cream); border-bottom: 1px solid var(--line-soft); } .temino-agri-story__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; } .temino-agri-prose { font-size: 16px; line-height: 1.65; color: var(--ink-2); margin-top: 8px; } .temino-agri-prose p { margin: 0 0 14px; } .temino-agri-highlights { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; background: var(--paper-2); border-radius: 14px; padding: 22px 24px; } .temino-agri-highlights li { display: flex; gap: 12px; align-items: flex-start; } .temino-agri-highlights li > span { font-size: 22px; flex-shrink: 0; line-height: 1; padding-top: 2px; } .temino-agri-highlights strong { display: block; font-size: 14px; color: var(--ink); font-weight: 500; margin-bottom: 2px; } .temino-agri-highlights small { display: block; font-size: 12px; color: var(--mute); line-height: 1.4; } .temino-agri-menu { padding: 60px 0; background: var(--paper-2); } .temino-agri-menu__head { text-align: center; margin-bottom: 34px; max-width: 640px; margin-left: auto; margin-right: auto; } .temino-agri-menu__sub { font-size: 14px; color: var(--ink-2); margin: 6px auto 0; max-width: 520px; } .temino-agri-menu__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; } .temino-agri-menu__item { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 18px 22px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; } .temino-agri-menu__item h3 { font-family: var(--serif); font-size: 18px; font-weight: 400; margin: 0 0 4px; color: var(--ink); } .temino-agri-menu__item p { font-size: 13px; color: var(--ink-2); margin: 0; line-height: 1.4; } .temino-agri-menu__price { font-family: var(--serif); font-size: 20px; color: var(--salviaD); font-weight: 500; white-space: nowrap; } .temino-agri-menu__foot { text-align: center; margin-top: 28px; } .temino-agri-rooms { padding: 60px 0; background: var(--cream); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-agri-rooms__head { text-align: center; margin-bottom: 30px; } .temino-agri-rooms__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; } .temino-agri-room { background: var(--paper-2); border-radius: 14px; padding: 24px 22px; text-align: center; } .temino-agri-room__ico { font-size: 38px; margin-bottom: 10px; display: block; } .temino-agri-room h3 { font-family: var(--serif); font-size: 19px; font-weight: 400; margin: 0 0 8px; color: var(--ink); } .temino-agri-room p { font-size: 13px; color: var(--ink-2); margin: 0 0 14px; min-height: 38px; } .temino-agri-room__price { padding-top: 12px; border-top: 1px dashed var(--line-soft); } .temino-agri-room__price strong { font-family: var(--serif); font-size: 24px; color: var(--salviaD); font-weight: 500; } .temino-agri-room__price small { font-family: var(--mono); font-size: 11px; color: var(--mute); letter-spacing: 0.06em; } .temino-agri-rooms__foot { text-align: center; margin-top: 30px; } .temino-agri-note { font-family: var(--mono); font-size: 11px; color: var(--mute); letter-spacing: 0.04em; margin: 16px 0 0; } .temino-agri-activ { padding: 60px 0; background: var(--paper-2); } .temino-agri-activ__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; } .temino-agri-activ__item { display: flex; gap: 14px; padding: 20px 22px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 12px; align-items: flex-start; } .temino-agri-activ__ico { font-size: 28px; flex-shrink: 0; line-height: 1; padding-top: 4px; } .temino-agri-activ__item h3 { font-family: var(--serif); font-size: 17px; font-weight: 400; margin: 0 0 4px; color: var(--ink); } .temino-agri-activ__item p { font-size: 13px; color: var(--ink-2); margin: 0; line-height: 1.4; } .temino-agri-reviews { padding: 60px 0; background: var(--cream); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-agri-reviews__head { text-align: center; margin-bottom: 34px; } .temino-agri-reviews__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; } .temino-agri-review { background: var(--paper-2); border-radius: 14px; padding: 22px 24px; display: flex; flex-direction: column; gap: 14px; } .temino-agri-review__stars { color: var(--gold); font-size: 16px; letter-spacing: 1px; } .temino-agri-review p { font-family: var(--serif); font-size: 17px; line-height: 1.45; color: var(--ink); margin: 0; font-style: italic; } .temino-agri-review footer { display: flex; flex-direction: column; gap: 2px; padding-top: 12px; border-top: 1px dashed var(--line-soft); } .temino-agri-review footer strong { font-size: 13px; color: var(--ink); } .temino-agri-review footer small { font-size: 11px; color: var(--mute); font-family: var(--mono); } .temino-agri-faq { padding: 60px 0; background: var(--cream); } .temino-agri-faq__head { text-align: center; margin-bottom: 30px; } .temino-agri-faq__list { max-width: 840px; margin: 0 auto; display: flex; flex-direction: column; gap: 8px; } .temino-agri-faq__item { background: var(--paper-2); border-radius: 10px; overflow: hidden; border: 1px solid var(--line-soft); } .temino-agri-faq__item summary { padding: 16px 22px; cursor: pointer; font-family: var(--sans); font-size: 15px; font-weight: 500; color: var(--ink); list-style: none; display: flex; justify-content: space-between; align-items: center; } .temino-agri-faq__item summary::-webkit-details-marker { display: none; } .temino-agri-faq__item summary::after { content: '+'; font-size: 22px; color: var(--salviaD); transition: transform 200ms; } .temino-agri-faq__item[open] summary::after { content: '−'; } .temino-agri-faq__item p { padding: 0 22px 16px; font-size: 14px; color: var(--ink-2); line-height: 1.55; margin: 0; } .temino-agri-cta { padding: 70px 0; background: var(--paper-2); border-top: 1px solid var(--line-soft); } .temino-agri-cta__box { max-width: 720px; margin: 0 auto; text-align: center; background: var(--cream); border-radius: 18px; padding: 46px 38px; box-shadow: 0 20px 50px -30px rgba(44,42,36, 0.3); } .temino-agri-cta__box h2 { font-family: var(--serif); font-size: clamp(28px, 3.6vw, 38px); font-weight: 400; margin: 0 0 10px; color: var(--ink); } .temino-agri-cta__box p { font-size: 15px; color: var(--ink-2); margin: 0 0 20px; } .temino-agri-cta__buttons { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; } .temino-cas-hero { background: var(--cream); padding: 40px 0 50px; border-bottom: 1px solid var(--line-soft); } .temino-cas-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; } .temino-cas-hero__text { min-width: 0; } .temino-cas-hero__stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 18px 0; border-top: 1px dashed var(--line-soft); border-bottom: 1px dashed var(--line-soft); margin: 22px 0; } .temino-cas-hero__stats > div { display: flex; flex-direction: column; gap: 2px; } .temino-cas-hero__stats strong { font-family: var(--serif); font-size: 26px; font-weight: 500; line-height: 1; color: var(--ink); } .temino-cas-hero__stats small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute); } .temino-cas-process { padding: 60px 0; background: var(--paper-2); } .temino-cas-process__list { list-style: none; padding: 0; margin: 0 auto; max-width: 900px; display: flex; flex-direction: column; gap: 14px; } .temino-cas-process__step { display: grid; grid-template-columns: 64px 1fr; gap: 20px; padding: 20px 24px; background: var(--cream); border: 1px solid var(--line-soft); border-radius: 12px; align-items: flex-start; } .temino-cas-process__num { width: 48px; height: 48px; border-radius: 50%; background: var(--ink); color: var(--cream); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 22px; font-weight: 500; flex-shrink: 0; } .temino-cas-process__body h3 { font-family: var(--serif); font-size: 20px; font-weight: 400; margin: 0 0 6px; color: var(--ink); } .temino-cas-process__body p { font-size: 14px; color: var(--ink-2); margin: 0; line-height: 1.55; } .temino-cas-products { padding: 60px 0; background: var(--cream); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-cas-products__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 16px; max-width: 1100px; margin: 0 auto; } .temino-cas-product { background: var(--paper-2); border-radius: 14px; padding: 26px 24px; text-align: center; } .temino-cas-product__ico { display: inline-block; font-size: 36px; margin-bottom: 10px; } .temino-cas-product h3 { font-family: var(--serif); font-size: 19px; font-weight: 400; margin: 0 0 8px; color: var(--ink); } .temino-cas-product p { font-size: 13px; color: var(--ink-2); margin: 0; line-height: 1.5; } .temino-cas-certs { padding: 50px 0; background: var(--paper-2); } .temino-cas-certs__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; max-width: 1100px; margin: 0 auto; } .temino-cas-cert { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 12px; padding: 22px 24px; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; } .temino-cas-cert__badge { background: var(--salviaD); color: var(--cream); padding: 6px 14px; border-radius: 6px; font-family: var(--mono); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; } .temino-cas-cert p { font-size: 13px; color: var(--ink-2); margin: 0; line-height: 1.5; } .temino-cas-tour { padding: 60px 0; background: var(--cream); border-top: 1px solid var(--line-soft); } .temino-cas-tour__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: start; max-width: 1200px; margin: 0 auto; } .temino-cas-tour__schedule { background: var(--paper-2); border-radius: 14px; padding: 28px 32px; } .temino-cas-tour__schedule h3 { font-family: var(--serif); font-size: 22px; font-weight: 400; margin: 0 0 16px; color: var(--ink); padding-bottom: 12px; border-bottom: 1px dashed var(--line-soft); } .temino-cas-tour__schedule ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; } .temino-cas-tour__schedule li { display: flex; flex-direction: column; gap: 3px; padding: 10px 0; border-bottom: 1px dashed var(--line-soft); } .temino-cas-tour__schedule li:last-child { border-bottom: 0; } .temino-cas-tour__schedule strong { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--salviaD); } .temino-cas-tour__schedule span { font-family: var(--serif); font-size: 18px; color: var(--ink); font-weight: 500; } .temino-cas-tour__schedule small { font-size: 12px; color: var(--mute); } .temino-hrc-hero { background: var(--ink); color: var(--cream); padding: 56px 0 64px; } .temino-hrc-hero__tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--gold); text-transform: uppercase; margin: 0 0 16px; } .temino-hrc-hero__title { font-family: var(--serif); font-size: clamp(40px, 6vw, 76px); line-height: 0.98; letter-spacing: -0.03em; font-weight: 400; margin: 0 0 18px; color: var(--cream); max-width: 880px; } .temino-hrc-hero__title em { font-style: italic; color: var(--gold); } .temino-hrc-hero__sub { font-size: 17px; line-height: 1.55; color: rgba(253,251,247, 0.85); margin: 0 0 28px; max-width: 680px; } .temino-hrc-hero__targets { list-style: none; padding: 0; margin: 0 0 28px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; max-width: 1000px; } .temino-hrc-hero__targets li { display: flex; gap: 10px; align-items: center; padding: 10px 14px; background: rgba(253,251,247, 0.08); border-radius: 8px; font-size: 13px; color: rgba(253,251,247, 0.9); } .temino-hrc-hero__targets span { font-size: 18px; } .temino-hrc-btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 999px; font-family: var(--sans); font-size: 14px; font-weight: 500; text-decoration: none; cursor: pointer; transition: all 180ms; border: 0; } .temino-hrc-btn--primary { background: var(--gold); color: var(--ink); } .temino-hrc-btn--primary:hover { background: var(--cream); transform: translateY(-2px); } .temino-hrc-btn--ghost { background: transparent; color: var(--cream); border: 1px solid rgba(253,251,247, 0.3); } .temino-hrc-btn--ghost:hover { border-color: var(--cream); background: rgba(253,251,247, 0.08); } .temino-hrc-benefits { padding: 60px 0; background: var(--cream); } .temino-hrc-benefits__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; max-width: 1200px; margin: 0 auto; } .temino-hrc-benefit { background: var(--paper-2); border-radius: 14px; padding: 26px 24px; } .temino-hrc-benefit__ico { font-size: 32px; margin-bottom: 12px; display: block; } .temino-hrc-benefit h3 { font-family: var(--serif); font-size: 19px; font-weight: 400; margin: 0 0 8px; color: var(--ink); } .temino-hrc-benefit p { font-size: 14px; color: var(--ink-2); margin: 0; line-height: 1.55; } .temino-hrc-process { padding: 60px 0; background: var(--paper-2); } .temino-hrc-process__list { list-style: none; padding: 0; margin: 0 auto; max-width: 1100px; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; counter-reset: none; } .temino-hrc-process__list li { background: var(--cream); padding: 28px 24px; border-radius: 14px; text-align: left; border: 1px solid var(--line-soft); position: relative; } .temino-hrc-process__num { width: 42px; height: 42px; border-radius: 50%; background: var(--salviaD); color: var(--cream); display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 20px; font-weight: 500; margin-bottom: 14px; } .temino-hrc-process__list h3 { font-family: var(--serif); font-size: 17px; font-weight: 500; margin: 0 0 6px; } .temino-hrc-process__list p { font-size: 13px; color: var(--ink-2); margin: 0; line-height: 1.5; } .temino-hrc-testimonial { padding: 60px 0; background: var(--cream); } .temino-hrc-testimonial__card { max-width: 900px; margin: 0 auto; display: grid; gap: 32px; padding: 38px 42px; background: var(--paper-2); border-radius: 18px; align-items: center; } .temino-hrc-testimonial__card.has-img { grid-template-columns: 140px minmax(0, 1fr); } .temino-hrc-testimonial__card.no-img { grid-template-columns: minmax(0, 1fr); text-align: center; padding: 44px 48px; } .temino-hrc-testimonial__card.no-img blockquote { max-width: 720px; margin: 0 auto 18px; } .temino-hrc-testimonial__body { min-width: 0; } .temino-hrc-testimonial__img { width: 140px; height: 140px; } .temino-hrc-testimonial__img img { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; display: block; } .temino-hrc-testimonial blockquote { font-family: var(--serif); font-size: clamp(18px, 2vw, 24px); line-height: 1.4; font-style: italic; color: var(--ink); margin: 0 0 18px; } .temino-hrc-testimonial footer strong { display: block; font-size: 14px; color: var(--ink); font-weight: 600; } .temino-hrc-testimonial footer small { font-size: 12px; color: var(--mute); font-family: var(--mono); } .temino-hrc-form { padding: 60px 0; background: var(--paper-2); } .temino-hrc-form__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 48px; max-width: 1200px; margin: 0 auto; align-items: start; } .temino-hrc-form__intro { font-size: 14px; color: var(--ink-2); margin: 12px 0 24px; line-height: 1.5; } .temino-hrc-form__direct { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; } .temino-hrc-form__direct li { display: grid; grid-template-columns: 32px 1fr; gap: 10px; padding: 12px 14px; background: var(--cream); border-radius: 10px; font-size: 13px; align-items: center; } .temino-hrc-form__direct li span { font-size: 20px; grid-row: span 2; } .temino-hrc-form__direct li strong { font-size: 12px; font-weight: 600; color: var(--mute); display: block; } .temino-hrc-form__direct li a { font-family: var(--mono); color: var(--salviaD); text-decoration: none; } .temino-hrc-form__direct li a:hover { color: var(--ink); text-decoration: underline; } .temino-hrc-form__form { background: var(--cream); border-radius: 16px; padding: 28px 32px; display: flex; flex-direction: column; gap: 14px; } .temino-hrc-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } .temino-hrc-form__form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--ink-2); } .temino-hrc-form__form label span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; color: var(--mute); text-transform: uppercase; } .temino-hrc-form__form input, .temino-hrc-form__form select, .temino-hrc-form__form textarea { padding: 11px 14px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--cream); font-family: var(--sans); font-size: 14px; color: var(--ink); width: 100%; } .temino-hrc-form__form input:focus, .temino-hrc-form__form select:focus, .temino-hrc-form__form textarea:focus { outline: 2px solid var(--salviaD); outline-offset: -1px; border-color: transparent; } .temino-hrc-form__checkbox { flex-direction: row !important; align-items: flex-start !important; font-size: 12px !important; color: var(--ink-2) !important; text-transform: none !important; letter-spacing: 0 !important; } .temino-hrc-form__checkbox input { width: auto !important; margin: 0 !important; } .temino-hrc-form__checkbox span { font-family: var(--sans) !important; font-size: 12px !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--ink-2) !important; } .temino-hrc-form__note { font-size: 12px; color: var(--mute); margin: 0; font-family: var(--mono); } .temino-ctn-hero { background: var(--cream); padding: 50px 0 30px; border-bottom: 1px solid var(--line-soft); text-align: center; } .temino-ctn-hero__title { font-family: var(--serif); font-size: clamp(42px, 6vw, 74px); line-height: 1; letter-spacing: -0.03em; font-weight: 400; margin: 0 0 14px; color: var(--ink); } .temino-ctn-hero__title em { font-style: italic; color: var(--salviaD); } .temino-ctn-hero__sub { font-size: 15px; color: var(--ink-2); max-width: 540px; margin: 0 auto; } .temino-ctn-channels { padding: 36px 0; background: var(--cream); border-bottom: 1px solid var(--line-soft); } .temino-ctn-channels__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; max-width: 1100px; margin: 0 auto; } .temino-ctn-ch { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 18px; background: var(--paper-2); border-radius: 12px; text-decoration: none; color: var(--ink); transition: background 180ms, transform 180ms; min-width: 0; } .temino-ctn-ch:hover { background: color-mix(in oklch, var(--paper-2) 80%, var(--salviaD)); transform: translateY(-2px); } .temino-ctn-ch--wa { background: color-mix(in oklch, #25D366 18%, var(--cream)); } .temino-ctn-ch__ico { font-size: 22px; line-height: 1; flex-shrink: 0; } .temino-ctn-ch__body { min-width: 0; display: flex; flex-direction: column; gap: 2px; } .temino-ctn-ch__body strong { font-size: 14px; color: var(--ink); font-weight: 500; line-height: 1.2; } .temino-ctn-ch__body small { font-size: 12px; color: var(--mute); font-family: var(--mono); line-height: 1.3; overflow-wrap: anywhere; word-break: break-word; } .temino-ctn-ch__go { font-size: 20px; color: var(--salviaD); flex-shrink: 0; } .temino-ctn-info { padding: 40px 0; background: var(--cream); } .temino-ctn-info__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 18px; max-width: 1100px; margin: 0 auto 28px; } .temino-ctn-info__block { background: var(--paper-2); border-radius: 14px; padding: 22px 24px; } .temino-ctn-info__block h3 { font-family: var(--serif); font-size: 18px; font-weight: 400; margin: 0 0 10px; color: var(--ink); } .temino-ctn-info__block p, .temino-ctn-info__block address { font-size: 14px; color: var(--ink-2); margin: 0 0 10px; font-style: normal; line-height: 1.55; } .temino-ctn-info__block .mono { font-family: var(--mono); font-size: 12px; } .temino-ctn-info__block a { color: var(--salviaD); text-decoration: none; border-bottom: 1px dashed; } .temino-ctn-map { max-width: 1100px; margin: 0 auto; border-radius: 14px; overflow: hidden; box-shadow: 0 10px 30px -18px rgba(44,42,36, 0.3); } .temino-ctn-map iframe { display: block; } .temino-ctn-form { padding: 60px 0; background: var(--paper-2); } .temino-ctn-form__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 40px; max-width: 1100px; margin: 0 auto; align-items: start; } .temino-ctn-form__form { background: var(--cream); border-radius: 16px; padding: 28px 32px; display: flex; flex-direction: column; gap: 14px; } .temino-ctn-form__form label { display: flex; flex-direction: column; gap: 6px; font-size: 12px; color: var(--ink-2); } .temino-ctn-form__form label span { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; color: var(--mute); text-transform: uppercase; } .temino-ctn-form__form input, .temino-ctn-form__form select, .temino-ctn-form__form textarea { padding: 11px 14px; border: 1px solid var(--line-soft); border-radius: 8px; background: var(--cream); font-family: var(--sans); font-size: 14px; color: var(--ink); width: 100%; } @media (max-width: 1000px) { .temino-agri-hero__grid, .temino-cas-hero__grid, .temino-agri-story__grid, .temino-cas-tour__grid, .temino-hrc-form__grid, .temino-ctn-form__grid { grid-template-columns: 1fr; gap: 28px; } .temino-cas-hero__stats { grid-template-columns: repeat(2, 1fr); } .temino-hrc-testimonial__card { grid-template-columns: 1fr; text-align: center; } .temino-hrc-testimonial__img img { margin: 0 auto; } .temino-cas-process__step { grid-template-columns: 48px 1fr; } } @media (max-width: 640px) { .temino-agri-hero, .temino-cas-hero, .temino-hrc-hero, .temino-ctn-hero { padding: 30px 0; } .temino-agri-hero__stats, .temino-cas-hero__stats { gap: 14px; } .temino-hrc-form__row { grid-template-columns: 1fr; } .temino-agri-menu__item { flex-direction: column; align-items: flex-start; gap: 8px; } .temino-ctn-ch { grid-template-columns: 34px 1fr auto; padding: 14px 16px; } } .temino-agri-menulink { padding: 50px 0; background: var(--paper-2); } .temino-agri-menulink__card { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 32px; align-items: center; background: var(--cream); border-radius: 18px; padding: 36px 40px; box-shadow: 0 20px 50px -30px rgba(44,42,36, 0.25); } .temino-agri-menulink__card h2 { margin: 0 0 10px; } .temino-agri-menulink__card p { font-size: 15px; color: var(--ink-2); margin: 0; max-width: 500px; line-height: 1.55; } @media (max-width: 720px) { .temino-agri-menulink__card { grid-template-columns: 1fr; text-align: center; padding: 28px 24px; } } .temino-events { padding: 60px 0; background: var(--cream); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-events__head { text-align: center; margin-bottom: 36px; max-width: 620px; margin-left: auto; margin-right: auto; } .temino-events__tag { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; color: var(--salviaD); text-transform: uppercase; margin: 0 0 8px; } .temino-events__title { font-family: var(--serif); font-size: clamp(30px, 4vw, 44px); line-height: 1.05; letter-spacing: -0.02em; font-weight: 400; margin: 0 0 10px; color: var(--ink); } .temino-events__sub { font-size: 15px; color: var(--ink-2); margin: 0 auto; max-width: 520px; line-height: 1.55; } .temino-events__h3 { font-family: var(--serif); font-size: clamp(22px, 2.4vw, 28px); font-weight: 400; margin: 6px 0 8px; color: var(--ink); line-height: 1.2; } .temino-events__date { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 4px; } .temino-events__subtitle { font-size: 15px; color: var(--ink-2); margin: 0 0 12px; line-height: 1.5; } .temino-events__text { font-size: 14px; color: var(--ink-2); line-height: 1.55; margin-bottom: 14px; } .temino-events__text p:last-child { margin-bottom: 0; } .temino-events__cta { display: inline-flex; align-items: center; gap: 6px; padding: 12px 24px; background: var(--ink); color: var(--cream); border-radius: 999px; text-decoration: none; font-family: var(--sans); font-size: 14px; font-weight: 500; transition: background 180ms, transform 180ms; } .temino-events__cta:hover { background: var(--salviaD); transform: translateY(-2px); color: var(--cream); } .temino-events__placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 80px; color: rgba(44,42,36, 0.15); background: var(--paper-2); } .temino-events__splits { display: flex; flex-direction: column; gap: 48px; max-width: 1200px; margin: 0 auto; } .temino-events__split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 44px; align-items: center; } .temino-events__split.is-flip .temino-events__split-img { order: 2; } .temino-events__split.is-flip .temino-events__split-body { order: 1; } .temino-events__split-img { aspect-ratio: 4/3; background: var(--paper-2); border-radius: 14px; overflow: hidden; } .temino-events__split-img img, .temino-events__img { width: 100%; height: 100%; object-fit: cover; display: block; } .temino-events__cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; max-width: 1200px; margin: 0 auto; } .temino-events__card { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 14px; overflow: hidden; display: flex; flex-direction: column; transition: transform 220ms, box-shadow 220ms; } .temino-events__card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px -20px rgba(44,42,36, 0.3); } .temino-events__card-img { position: relative; aspect-ratio: 16/10; background: var(--paper-2); overflow: hidden; } .temino-events__card-img img { width: 100%; height: 100%; object-fit: cover; } .temino-events__badge { position: absolute; top: 14px; left: 14px; background: rgba(253,251,247, 0.95); backdrop-filter: blur(6px); padding: 6px 12px; border-radius: 999px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.06em; color: var(--ink); font-weight: 600; } .temino-events__card-body { padding: 22px 24px 26px; display: flex; flex-direction: column; gap: 6px; flex: 1; } .temino-events__card-body .temino-events__cta { align-self: flex-start; margin-top: auto; } .temino-events__banners { display: flex; flex-direction: column; gap: 20px; max-width: 1200px; margin: 0 auto; } .temino-events__banner { background: var(--ink); background-size: cover; background-position: center; border-radius: 18px; overflow: hidden; min-height: 300px; display: flex; align-items: center; padding: 48px 56px; } .temino-events__banner-body { color: var(--cream); max-width: 600px; } .temino-events__banner-body .temino-events__date { color: var(--gold); } .temino-events__banner-body .temino-events__h3 { color: var(--cream); } .temino-events__banner-body .temino-events__subtitle { color: rgba(253,251,247, 0.85); } .temino-events__banner-body .temino-events__cta { background: var(--gold); color: var(--ink); } .temino-events__banner-body .temino-events__cta:hover { background: var(--cream); color: var(--ink); } @media (max-width: 900px) { .temino-events__split { grid-template-columns: 1fr; gap: 24px; } .temino-events__split.is-flip .temino-events__split-img { order: 1; } .temino-events__split.is-flip .temino-events__split-body { order: 2; } .temino-events__banner { padding: 32px 28px; min-height: 240px; } } .temino-trovarci-sec { padding: 70px 0; background: var(--cream); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); } .temino-trovarci-sec .wrap { max-width: 1620px !important; width: 100%; padding-left: clamp(20px, 3vw, 56px) !important; padding-right: clamp(20px, 3vw, 56px) !important; margin: 0 auto; } .temino-trovarci-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 32px; padding-bottom: 18px; border-bottom: 1px dashed var(--line-soft); } .temino-trovarci-label { font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 8px; } .temino-trovarci-title { font-family: var(--serif); font-size: clamp(36px, 5vw, 58px); line-height: 1; letter-spacing: -0.025em; font-weight: 400; margin: 0; color: var(--ink); } .temino-trovarci-title em { font-style: italic; color: var(--salviaD); } .temino-trovarci-meta { text-align: right; font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--mute); text-transform: uppercase; } .temino-trovarci-meta span { display: block; color: var(--ink); font-weight: 600; margin-bottom: 2px; } .temino-trovarci-body { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 48px; align-items: stretch; } .temino-trovarci-map { background: var(--paper-2); border-radius: 16px; overflow: hidden; aspect-ratio: 16/11; position: relative; } .temino-trovarci-map > * { width: 100%; height: 100%; display: block; } .temino-trovarci-map iframe, .temino-trovarci-map img { border-radius: 16px; width: 100%; height: 100%; } .temino-trovarci-info { display: flex; flex-direction: column; gap: 22px; justify-content: center; } .temino-trovarci-block {} .temino-trovarci-h3 { font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 10px; display: flex; align-items: center; gap: 8px; } .temino-trovarci-addr { font-style: normal; font-family: var(--serif); font-size: 20px; line-height: 1.4; color: var(--ink); margin: 0; } .temino-trovarci-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } .temino-trovarci-list li { padding: 10px 14px; background: var(--paper-2); border-radius: 8px; font-size: 14px; color: var(--ink-2); line-height: 1.5; } .temino-trovarci-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 4px; } .temino-trovarci-btn { padding: 12px 22px; border-radius: 999px; font-family: var(--sans); font-size: 13px; font-weight: 500; text-decoration: none; border: 1px solid var(--line-soft); color: var(--ink); background: var(--cream); transition: background 180ms, border-color 180ms, transform 180ms; } .temino-trovarci-btn:hover { border-color: var(--ink); background: var(--paper-2); transform: translateY(-2px); } .temino-trovarci-btn--primary { background: var(--ink); color: var(--cream); border-color: var(--ink); } .temino-trovarci-btn--primary:hover { background: var(--salviaD); border-color: var(--salviaD); color: var(--cream); } @media (max-width: 900px) { .temino-trovarci-body { grid-template-columns: 1fr; gap: 24px; } .temino-trovarci-head { flex-direction: column; align-items: flex-start; } .temino-trovarci-meta { text-align: left; } } @media (max-width: 500px) { .temino-product-card__cta { width: 36px; height: 36px; } } .temino-product-card__photo { position: relative; display: block; } .temino-product-card .temino-wishlist-heart, .temino-product-card .temino-qv-trigger { pointer-events: auto; } .temino-cart-stickybar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--cream); border-top: 1px solid var(--line-soft); box-shadow: 0 -14px 36px -18px rgba(44,42,36, 0.28); z-index: 90; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); display: none; box-sizing: border-box; max-width: 100vw; overflow: hidden; } .temino-cart-stickybar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; max-width: 1820px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; width: 100%; margin: 0 auto; min-width: 0; } .temino-cart-stickybar__info { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .temino-cart-stickybar__count { font-family: var(--mono); font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); } .temino-cart-stickybar__total { font-family: var(--serif); font-size: 20px; font-weight: 500; color: var(--ink); line-height: 1; } .temino-cart-stickybar__total .amount { font-weight: inherit; color: inherit; } .temino-cart-stickybar__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; height: 48px; background: var(--ink); color: var(--cream) !important; border-radius: 999px; font-family: var(--sans); font-size: 15px; font-weight: 600; text-decoration: none; transition: background 180ms, transform 180ms; flex-shrink: 0; min-width: 150px; box-shadow: 0 6px 18px -6px rgba(44,42,36, 0.4); } .temino-cart-stickybar__btn:hover { background: var(--salviaD); transform: translateY(-1px); } .temino-cart-stickybar__trust { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; color: var(--mute); text-align: center; margin: 6px 0 0; padding: 0 16px; } body.woocommerce-cart { padding-bottom: 0; } @media (max-width: 1000px) { .temino-cart-stickybar { display: block; } body.woocommerce-cart { padding-bottom: 110px; } } @media (max-width: 500px) { .temino-cart-stickybar__btn { min-width: 0; padding: 0 16px; font-size: 14px; } .temino-cart-stickybar__trust { font-size: 9px; letter-spacing: 0.04em; } } .temino-co-stickybar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--cream); border-top: 1px solid var(--line-soft); box-shadow: 0 -14px 36px -18px rgba(44,42,36, 0.28); z-index: 90; padding: 10px 0 calc(10px + env(safe-area-inset-bottom, 0px)); display: none; box-sizing: border-box; max-width: 100vw; overflow: hidden; } .temino-co-stickybar .wrap { display: flex; align-items: center; justify-content: space-between; gap: 8px; max-width: 1620px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; width: 100%; margin: 0 auto; min-width: 0; } .temino-co-stickybar__summary { display: flex; align-items: center; gap: 10px; background: var(--paper-2); border: 0; padding: 8px 14px; border-radius: 999px; cursor: pointer; min-width: 0; flex: 1; max-width: 60%; color: var(--ink); transition: background 180ms; } .temino-co-stickybar__summary:hover { background: color-mix(in oklch, var(--paper-2) 80%, var(--salviaD)); } .temino-co-stickybar__ico { font-size: 16px; flex-shrink: 0; } .temino-co-stickybar__info { display: flex; flex-direction: column; gap: 1px; min-width: 0; text-align: left; } .temino-co-stickybar__info strong { font-family: var(--serif); font-size: 17px; font-weight: 500; color: var(--ink); line-height: 1; white-space: nowrap; } .temino-co-stickybar__info strong .amount, .temino-co-stickybar__info strong bdi { font-weight: inherit; color: inherit; } .temino-co-stickybar__info small { font-family: var(--mono); font-size: 9px; letter-spacing: 0.06em; color: var(--mute); text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .temino-co-stickybar__btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 22px; height: 48px; background: var(--ink); color: var(--cream) !important; border-radius: 999px; font-family: var(--sans); font-size: 15px; font-weight: 600; text-decoration: none; border: 0; cursor: pointer; transition: background 180ms, transform 180ms; flex-shrink: 0; min-width: 130px; box-shadow: 0 6px 18px -6px rgba(44,42,36, 0.4); } .temino-co-stickybar__btn:hover { background: var(--salviaD); transform: translateY(-1px); } .temino-co-stickybar__trust { font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; color: var(--mute); text-align: center; margin: 6px 0 0; padding: 0 16px; } @media (max-width: 1000px) { .temino-co-stickybar { display: block; } body.woocommerce-checkout { padding-bottom: 120px; } } @media (max-width: 500px) { .temino-co-stickybar__summary { max-width: 50%; padding: 6px 10px; } .temino-co-stickybar__info strong { font-size: 15px; } .temino-co-stickybar__btn { min-width: 0; padding: 0 16px; font-size: 14px; } .temino-co-stickybar__btn span { display: inline; } } @media (max-width: 380px) { .temino-co-stickybar__summary small { display: none; } .temino-co-stickybar__btn span { display: none; } .temino-co-stickybar__btn { padding: 0 14px; min-width: 48px; } } @media (min-width: 1001px) { .temino-co-summary__col .temino-co-summary { position: sticky; top: 80px; } } @media (max-width: 1000px) { .temino-co-summary__col { order: -1; } .temino-co-summary__col .temino-co-summary { position: static; margin-bottom: 16px; } .temino-co-items { max-height: 220px; } .temino-co-item__name { font-size: 13px; } } .temino-co-stickybar.is-hidden { transform: translateY(110%); pointer-events: none; } .woocommerce-checkout input:focus, .woocommerce-checkout textarea:focus, .woocommerce-checkout select:focus { outline: 2px solid var(--salviaD) !important; outline-offset: 2px; } @media (max-width: 640px) { .temino-cart-items__head { padding: 8px 0 10px; } .temino-cart-items__count { font-size: 16px; } } @media (max-width: 1000px) { .temino-cart-summary .temino-cart-summary__checkout { display: none; } .temino-cart-aside__trust { display: none; } } @media (min-width: 1001px) { .temino-cart-summary__checkout::after { content: '🔒 Pagamento sicuro · 🫒 Extravergine biologico · ↺ Sostituzione garantita'; display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.06em; color: var(--mute); text-align: center; margin-top: 10px; line-height: 1.5; } } .temino-co-express { max-width: 1620px; margin: 0 auto 20px; padding: 0 clamp(20px, 3vw, 56px); } .temino-co-express:empty { display: none; } .temino-co-express > *:not(:empty) { background: var(--cream); border: 1px solid var(--line-soft); border-radius: 10px; padding: 14px 18px; margin-bottom: 8px; } .temino-co-express button, .temino-co-express .apple-pay-button, .temino-co-express .gpay-button, .temino-co-express .stripe-express-checkout-element { min-height: 48px !important; width: 100% !important; margin-bottom: 8px; } .temino-co-express::before { content: 'Pagamento rapido'; display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); margin-bottom: 8px; text-align: center; } .temino-co-express:empty::before { display: none; } .temino-sp-info__bnpl { min-height: 0; } .temino-sp-info__bnpl:empty { display: none; } .temino-sp-info__bnpl > *:not(:empty) { padding: 10px 14px; background: color-mix(in oklch, var(--salviaD) 8%, var(--cream)); border: 1px dashed var(--salviaD); border-radius: 8px; font-size: 13px; color: var(--ink); margin-top: 4px; } .temino-cart-express-gateway-slot:empty { display: none; } .temino-cart-express-gateway-slot { margin-top: 10px; padding-top: 10px; border-top: 1px dashed var(--line-soft); } .temino-cart-express-gateway-slot > *:not(:empty) { min-height: 44px !important; width: 100% !important; } .temino-cart-stickybar.is-hidden, .temino-co-stickybar.is-hidden { transform: translateY(110%); pointer-events: none; transition: transform 280ms cubic-bezier(.2,.7,.2,1); } .temino-cart-stickybar, .temino-co-stickybar, .temino-sp-sticky { z-index: 90; } @media (max-width: 1000px) { body.woocommerce-cart .temino-announce, body.woocommerce-checkout .temino-announce, body.woocommerce-checkout .temino-co-banner { display: none !important; } } @media (min-width: 1001px) { body.woocommerce-cart .marquee, body.woocommerce-checkout .marquee { display: none; } } @media (max-width: 768px) { .temino-hrc-hero { padding: 40px 0 44px; } .temino-hrc-hero__title { font-size: clamp(32px, 8.5vw, 54px); line-height: 1.03; } .temino-hrc-hero__sub { font-size: 15px; margin-bottom: 22px; } .temino-hrc-hero__targets { gap: 8px; margin-bottom: 22px; } .temino-hrc-hero .temino-agri-hero__ctas { display: flex; flex-direction: column; align-items: stretch; gap: 10px; } .temino-hrc-hero .temino-hrc-btn, .temino-hrc-b2bcta .temino-hrc-btn, .temino-hrc-form .temino-hrc-btn { width: 100%; justify-content: center; min-height: 52px; padding: 15px 20px; font-size: 15px; word-break: break-word; } .temino-hrc-benefits, .temino-hrc-process, .temino-hrc-testimonial, .temino-hrc-form { padding: 42px 0; } .temino-hrc-benefit { padding: 22px 20px; } .temino-hrc-process__list li { padding: 22px 20px; } .temino-hrc-form__form { padding: 22px 20px; gap: 12px; } .temino-hrc-form__form input, .temino-hrc-form__form select, .temino-hrc-form__form textarea { font-size: 16px; padding: 13px 14px; min-height: 48px; } .temino-hrc-form__form textarea { min-height: 92px; } .temino-hrc-b2bcta { padding: 38px 0 !important; } .temino-hrc-b2bcta > .wrap > div { flex-direction: column; align-items: stretch !important; } .temino-hrc-b2bcta > .wrap > div > div { max-width: 100% !important; } } @media (max-width: 480px) { .temino-hrc-hero { padding: 30px 0 34px; } .temino-hrc-hero__tag { font-size: 10px; margin-bottom: 12px; } .temino-hrc-hero__title { font-size: clamp(27px, 9vw, 40px); } .temino-hrc-hero__sub { font-size: 14px; } .temino-hrc-hero__targets li { font-size: 13px; padding: 11px 13px; } .temino-hrc-hero .temino-hrc-btn { font-size: 14px; padding: 14px 16px; overflow-wrap: anywhere; } .temino-hrc-benefits, .temino-hrc-process, .temino-hrc-testimonial, .temino-hrc-form { padding: 34px 0; } .temino-hrc-benefit__ico { font-size: 28px; } .temino-hrc-benefit h3 { font-size: 18px; } .temino-hrc-process__num { width: 38px; height: 38px; font-size: 18px; } .temino-hrc-testimonial__card { padding: 26px 22px !important; } .temino-hrc-form__form { padding: 20px 16px; } .temino-hrc-form__direct li { grid-template-columns: 26px 1fr; padding: 11px 12px; } .temino-hrc-form__direct li a { overflow-wrap: anywhere; word-break: break-word; } .temino-hrc-b2bcta .temino-agri-h2 { font-size: clamp(24px, 7vw, 32px); } } .temino-agri-team{padding:76px 0;background:#fff} .temino-agri-team .temino-agri-label{margin-bottom:10px} .temino-agri-team__lead{max-width:660px;color:var(--mute,#6b6b63);font-size:17px;line-height:1.65;margin:14px 0 36px} .temino-agri-team__grid{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;align-items:start} .temino-agri-team__main,.temino-agri-team__side{margin:0} .temino-agri-team__main img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center 35%;border-radius:16px;display:block;box-shadow:0 16px 40px rgba(20,20,18,.14)} .temino-agri-team__side img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:16px;display:block;box-shadow:0 16px 40px rgba(20,20,18,.14)} .temino-agri-team figcaption{margin-top:11px;font-family:var(--mono,ui-monospace,monospace);font-size:12px;letter-spacing:.04em;color:var(--mute,#8a857a);line-height:1.4} @media(max-width:820px){ .temino-agri-team{padding:52px 0} .temino-agri-team__grid{grid-template-columns:1fr;gap:26px} .temino-agri-team__main img{aspect-ratio:16/11} .temino-agri-team__side img{aspect-ratio:16/10;object-position:center 30%} }
.temino-menu-hero { background: linear-gradient(180deg, var(--cream) 0%, var(--paper-2) 100%); padding: 100px 0 64px; position: relative; overflow: hidden; border-bottom: 1px solid var(--line); } .temino-menu-hero__inner { max-width: var(--maxw-narrow, 1100px); margin: 0 auto; padding: 0 32px; } .temino-menu-hero__eyebrow { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--salviaD); margin: 0 0 20px; display: inline-block; padding: 6px 14px; border: 1px solid var(--salviaD); border-radius: 999px; } .temino-menu-hero__title { font-family: var(--serif); font-size: clamp(44px, 6.5vw, 80px); line-height: 0.98; letter-spacing: -0.025em; color: var(--ink); font-weight: 400; margin: 0 0 20px; max-width: 12ch; } .temino-menu-hero__title em { color: var(--salviaD); font-style: italic; display: block; } .temino-menu-hero__sub { font-family: var(--sans); font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: var(--ink-2); max-width: 560px; margin: 0 0 36px; } .temino-menu-howto { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none; padding: 0; margin: 0 0 36px; } .temino-menu-howto li { background: rgba(255,255,255,0.6); border: 1px solid var(--line); border-radius: 14px; padding: 16px 16px 14px; position: relative; backdrop-filter: blur(8px); } .temino-menu-howto li span { position: absolute; top: -12px; left: 16px; width: 28px; height: 28px; background: var(--gold, #B5A164); color: var(--cream); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--serif); font-size: 14px; font-weight: 600; font-style: italic; } .temino-menu-howto li strong { display: block; font-family: var(--sans); font-size: 13px; font-weight: 600; color: var(--ink); margin: 8px 0 4px; letter-spacing: -0.005em; } .temino-menu-howto li small { display: block; font-family: var(--sans); font-size: 11.5px; color: var(--ink-2); line-height: 1.4; font-style: italic; } .temino-menu-hero__info { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px 32px; max-width: 600px; padding: 18px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); margin-bottom: 24px; } .temino-menu-hero__info > div { display: flex; flex-direction: column; gap: 4px; } .temino-menu-hero__info small { font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute); } .temino-menu-hero__info strong { font-family: var(--serif); font-size: 15px; font-weight: 400; font-style: italic; color: var(--ink); } .temino-menu-hero__ctas { display: flex; gap: 12px; flex-wrap: wrap; } @media (max-width: 900px) { .temino-menu-howto { grid-template-columns: 1fr 1fr; } .temino-menu-hero__info { grid-template-columns: 1fr; } } @media (max-width: 720px) { .temino-menu-hero { padding: 64px 0 40px; } .temino-menu-hero__inner { padding: 0 20px; } .temino-menu-hero__title { font-size: clamp(38px, 11vw, 60px); } .temino-menu-howto { grid-template-columns: 1fr; gap: 10px; } } .temino-menu-body { max-width: var(--maxw-narrow, 1100px); margin: 0 auto; padding: 56px 32px 48px; } .temino-menu-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px 56px; align-items: start; } .temino-menu-cat { break-inside: avoid; } .temino-menu-cat__head { border-bottom: 1px solid var(--ink); padding-bottom: 6px; margin-bottom: 18px; display: flex; justify-content: space-between; align-items: baseline; gap: 12px; } .temino-menu-cat__cols { font-family: var(--mono); font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); white-space: nowrap; } .temino-menu-cat__name { font-family: var(--serif); font-size: clamp(24px, 2.2vw, 32px); font-weight: 400; font-style: italic; color: var(--ink); margin: 0; letter-spacing: -0.015em; } .temino-menu-cat__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } .temino-menu-row { display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: baseline; font-family: var(--sans); font-size: 14px; color: var(--ink); padding: 6px 0; } .temino-menu-row__name { font-weight: 600; color: var(--ink); display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; } .temino-menu-row__desc { color: var(--mute); font-weight: 400; font-style: italic; font-size: 12px; } .temino-menu-row__dots { flex: 1 1 auto; border-bottom: 1px dotted color-mix(in oklch, var(--mute) 50%, transparent); margin-bottom: 5px; align-self: end; display: none; } .temino-menu-row__price { font-family: var(--serif); font-style: italic; color: var(--gold, #B5A164); font-size: 16px; white-space: nowrap; letter-spacing: -0.01em; } .temino-menu-row.has-photo { grid-template-columns: 56px 1fr auto; gap: 14px; } .temino-menu-row__photo { width: 56px; height: 56px; border-radius: 10px; overflow: hidden; background: var(--paper-2); margin: 0; } .temino-menu-row__photo img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 500ms; } .temino-menu-row.has-photo:hover .temino-menu-row__photo img { transform: scale(1.08); } .temino-menu-row__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; } .temino-menu-row__allergens { font-family: var(--mono); font-size: 10px; letter-spacing: 0.04em; color: var(--mute); } .temino-menu-row.is-unavailable { opacity: 0.4; } .temino-menu-row.is-unavailable .temino-menu-row__name { text-decoration: line-through; } @media (max-width: 900px) { .temino-menu-grid { grid-template-columns: 1fr; gap: 40px; } } @media (max-width: 480px) { .temino-menu-row.has-photo { grid-template-columns: 48px 1fr auto; gap: 12px; } .temino-menu-row__photo { width: 48px; height: 48px; } } .temino-menu-empty { text-align: center; padding: 80px 24px; background: var(--paper-2); border-radius: 24px; color: var(--ink-2); font-family: var(--serif); font-style: italic; font-size: 18px; } .temino-menu-foot { max-width: var(--maxw-narrow, 1100px); margin: 0 auto; padding: 24px 32px 80px; border-top: 1px solid var(--line); color: var(--mute); text-align: center; font-family: var(--sans); } .temino-menu-foot p { margin: 6px 0; font-size: 12px; font-style: italic; line-height: 1.5; } .temino-menu-foot p.small { font-size: 11px; color: var(--mute); }
html { scroll-behavior: smooth; } .temino-reveal { opacity: 0; transform: translateY(18px); transition: opacity 700ms cubic-bezier(.16,.84,.44,1), transform 700ms cubic-bezier(.16,.84,.44,1); will-change: opacity, transform; } .temino-reveal--in { opacity: 1; transform: none; } .temino-tilt { transition: transform 220ms cubic-bezier(.16,.84,.44,1), box-shadow 220ms ease; transform-style: preserve-3d; } .temino-tilt:hover { box-shadow: 0 18px 44px -22px rgba(44,42,36,.45); } [data-magnetic], .btn, .temino-hrc-btn { transition: transform 260ms cubic-bezier(.16,.84,.44,1), background 200ms, color 200ms, border-color 200ms; } [data-parallax], .hero__media img, .hero img { backface-visibility: hidden; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .temino-reveal { opacity: 1; transform: none; transition: none; } [data-parallax], .hero__media img, .hero img { transform: none !important; } } .temino-viaggio { position: relative; background: var(--paper-2); } .temino-viaggio__intro { max-width: var(--maxw, 1200px); margin: 0 auto; padding: 84px 24px 22px; } .temino-viaggio__track { display: flex; flex-direction: column; gap: 16px; padding: 0 24px 64px; } .temino-viaggio__panel { position: relative; display: flex; align-items: center; gap: 8px; background: #fff; border: 1px solid var(--line-soft); border-radius: 20px; padding: 38px 34px; } .temino-viaggio__num { font-family: Georgia, serif; font-size: clamp(56px, 9vw, 120px); line-height: .9; color: rgba(107,138,110,.16); margin-right: 24px; flex: 0 0 auto; } .temino-viaggio__k { font-family: var(--mono, ui-monospace, monospace); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--salvia-ink, #5E7960); margin: 0 0 8px; } .temino-viaggio__t { font-family: Georgia, serif; font-weight: 400; font-size: clamp(28px, 3vw, 44px); margin: 0 0 10px; color: var(--ink, #2f3a2f); } .temino-viaggio__d { font-size: 15px; line-height: 1.6; color: var(--ink-2, #5b574e); max-width: 46ch; } .temino-viaggio__cta { display: inline-block; margin-top: 16px; color: var(--salviaD, #6B8A6E); text-decoration: none; font-weight: 600; } .temino-viaggio__progress { display: none; } .temino-viaggio--active { height: 360vh; } .temino-viaggio--active .temino-viaggio__sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; display: flex; align-items: center; } .temino-viaggio--active .temino-viaggio__track { flex-direction: row; gap: 28px; height: auto; padding: 0 0 0 max(24px, calc((100vw - 1100px) / 2)); will-change: transform; } .temino-viaggio--active .temino-viaggio__panel { flex: 0 0 64vw; max-width: 760px; min-height: 56vh; } .temino-viaggio--active .temino-viaggio__progress { display: block; position: absolute; left: 24px; right: 24px; bottom: 32px; height: 2px; background: rgba(47,58,47,.12); } .temino-viaggio--active .temino-viaggio__progress span { display: block; height: 100%; width: 0; background: var(--salviaD, #6B8A6E); transition: width .1s linear; } .temino-strata-h { position: relative; background: var(--cream-2, #f6efe0); } .temino-strata-h__intro { max-width: var(--maxw, 1200px); margin: 0 auto; padding: 84px 24px 22px; } .temino-strata-h__intro .lbl { font-family: var(--mono, ui-monospace, monospace); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--salvia-ink, #5E7960); margin: 0 0 12px; } .temino-strata-h__intro h2 { font-family: var(--serif, Georgia, serif); font-weight: 400; font-size: clamp(30px, 5vw, 64px); line-height: 1.04; margin: 0; color: var(--ink, #2C2A24); } .temino-strata-h__intro h2 em { font-style: italic; color: var(--salviaD, #6B8A6E); } .temino-strata-h__meta { font-family: var(--mono, ui-monospace, monospace); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mute, #6F6A57); margin: 14px 0 0; } .temino-strata-h__swipe { display: none; } .temino-strata-h__track { display: flex; flex-direction: column; gap: 14px; padding: 0 24px 64px; } .temino-strata-h__card { position: relative; background: #fff; border: 1px solid var(--line-soft); border-radius: 20px; padding: 32px 30px; } .temino-strata-h__strato { font-family: var(--mono, ui-monospace, monospace); font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mute, #8A8471); } .temino-strata-h__year { display: block; font-family: var(--serif, Georgia, serif); font-size: clamp(40px, 7vw, 84px); line-height: .92; color: var(--salviaD, #6B8A6E); margin: 6px 0 14px; } .temino-strata-h__event { font-family: var(--serif, Georgia, serif); font-weight: 400; font-size: clamp(20px, 2.4vw, 30px); margin: 0 0 10px; color: var(--ink, #2C2A24); } .temino-strata-h__desc { font-size: 15px; line-height: 1.6; color: var(--ink-2, #5b574e); max-width: 46ch; } .temino-strata-h__progress { display: none; } .temino-strata-h--active { height: var(--temino-strata-scroll, 420vh); } .temino-strata-h--active .temino-strata-h__sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; display: flex; align-items: center; } .temino-strata-h--active .temino-strata-h__track { flex-direction: row; gap: 28px; height: auto; padding: 0 0 0 max(24px, calc((100vw - 1100px) / 2)); will-change: transform; align-items: stretch; } .temino-strata-h--active .temino-strata-h__card { flex: 0 0 clamp(320px, 38vw, 460px); display: flex; flex-direction: column; justify-content: center; min-height: 52vh; } .temino-strata-h--active .temino-strata-h__card::before { content: ""; position: absolute; top: 50%; left: -28px; width: 28px; height: 2px; background: var(--sabbia, #c4b98e); } .temino-strata-h--active .temino-strata-h__card:first-child::before { display: none; } .temino-strata-h--active .temino-strata-h__swipe { display: inline; } .temino-strata-h--active .temino-strata-h__progress { display: block; position: absolute; left: 24px; right: 24px; bottom: 32px; height: 2px; background: rgba(47,58,47,.12); } .temino-strata-h--active .temino-strata-h__progress span { display: block; height: 100%; width: 0; background: var(--salviaD, #6B8A6E); transition: width .1s linear; } @media (prefers-reduced-motion: reduce) { .temino-strata-h--active { height: auto; } .temino-strata-h--active .temino-strata-h__sticky { position: static; height: auto; overflow: visible; display: block; } .temino-strata-h--active .temino-strata-h__track { flex-direction: column; transform: none !important; } .temino-strata-h--active .temino-strata-h__card { min-height: 0; } }
@media (max-width: 1440px) { :root { --container: 1200px; } } @media (max-width: 1024px) { :root { --container: 100%; } .section { padding: var(--s-8) 0; } .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: var(--s-5); } } @media (max-width: 768px) { :root { --s-5: 1.2rem; --s-6: 1.75rem; --s-7: 2.5rem; --s-8: 3.5rem; --s-9: 4rem; --s-10: 5rem; } body { font-size: 0.97rem; } .container { padding-left: var(--s-4); padding-right: var(--s-4); } .posts-grid { grid-template-columns: 1fr; gap: var(--s-5); padding: var(--s-6) 0; } .woocommerce ul.products { grid-template-columns: 1fr !important; gap: var(--s-5); } .woocommerce div.product form.cart .quantity { flex: 0 0 100%; } .woocommerce div.product form.cart .quantity input[type="number"] { width: 100%; } .woocommerce div.product form.cart .button { width: 100%; } .mobilemenu__list a { font-size: 1.6rem; } h1 { font-size: clamp(1.8rem, 8vw, 2.8rem); } h2 { font-size: clamp(1.5rem, 6vw, 2.2rem); } .gdpr-banner { left: var(--s-3); right: var(--s-3); bottom: var(--s-3); padding: var(--s-4); } } @media (max-width: 480px) { .container { padding-left: var(--s-3); padding-right: var(--s-3); } .btn { padding: var(--s-3) var(--s-5); min-height: 44px; } .btn--lg { min-height: 52px; padding: var(--s-3) var(--s-6); } } @media (prefers-color-scheme: dark) { body.auto-dark { --bg: #15140F; --bg-alt: #1F1D17; --ink: #EFE8DB; --muted: #A49E8F; --line: #2A2720; } } @media print { .topbar, .marquee, .foot, .site-footer, .mobilemenu, .mobilemenu-backdrop, .gdpr-banner { display: none !important; } body { background: white; color: black; } a { color: black; text-decoration: underline; } .hero { min-height: auto; color: black; background: none; } .hero-photo, .hero-photo-wrap { display: none; } }