/* ========================================================================== Design Tokens — dovanossiluteje.lt Centralizuota spalvų, tipografijos, tarpų ir efektų sistema. ========================================================================== */ :root { /* --- Spalvos (Colors) --- */ --color-primary: #f47b26; --color-primary-dark: #e96724; --color-primary-light: #fabd93; --color-primary-bg: rgba(244, 123, 38, 0.08); --color-primary-border: #f5914b; --color-text: #222; --color-text-secondary: #444; --color-text-muted: #767676; --color-text-light: #767676; --color-text-inverse: #fff; --color-bg: #f2efec; --color-bg-card: #fff; --color-bg-input: #f8f8f8; --color-bg-overlay: rgba(0, 0, 0, 0.5); --color-border: #e5e0da; --color-border-light: #e8e3de; --color-border-input: #cdcdcd; --color-border-hover: #bababa; --color-price: #c25e0a; --color-price-bg: #fff6d6; --color-newsletter: #f8ca2b; --color-success: #56ab3c; --color-error: #eb3200; --color-error-glow: rgba(235, 50, 0, 0.3); /* --- Tipografija (Typography) --- */ --font-family: 'Titillium Web', Tahoma, sans-serif; --font-size-xs: 0.75rem; /* ~9pt */ --font-size-sm: 0.8125rem; /* ~9.5pt */ --font-size-base: 0.875rem; /* ~10.5pt */ --font-size-md: 0.9375rem; /* ~11pt */ --font-size-lg: 1rem; /* ~11.5pt */ --font-size-xl: 1.0625rem; /* ~12.5pt */ --font-size-2xl: 1.25rem; /* ~14.5pt */ --font-size-3xl: 1.5rem; /* ~18pt */ --font-size-4xl: 1.75rem; /* ~20pt */ --font-size-5xl: 2rem; /* ~22pt */ --font-size-hero: 2.5rem; /* ~29pt */ --font-weight-light: 300; --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --line-height-tight: 1.2; --line-height-base: 1.5; --line-height-relaxed: 1.7; /* --- Tarpai (Spacing) --- */ --space-xs: 4px; --space-sm: 8px; --space-md: 16px; --space-lg: 24px; --space-xl: 32px; --space-2xl: 48px; --space-3xl: 64px; /* --- Matmenys (Sizing) --- */ --container-width: 1170px; --header-height: 70px; --sidebar-width: 216px; --content-width: 924px; /* --- Apvalinimai (Border Radius) --- */ --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-xl: 24px; --radius-pill: 9999px; /* --- Šešėliai (Shadows) --- */ --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03); --shadow-sm: 0 1px 8px 0 rgba(0, 0, 0, 0.04); --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06); --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.08); --shadow-xl: 0 12px 40px rgba(0, 0, 0, 0.12); --shadow-input: 0 0 7px 0 rgba(0, 0, 0, 0.16) inset; --shadow-input-focus: 0 0 7px 3px rgba(0, 0, 0, 0.07) inset; --shadow-button-hover: 0 0 6px 2px rgba(0, 0, 0, 0.15) inset; /* --- Tranzicijos (Transitions) --- */ --transition-fast: 0.15s ease; --transition-base: 0.2s ease; --transition-slow: 0.3s ease; --transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* --- Z-index skalė --- */ --z-dropdown: 100; --z-sticky: 200; --z-header: 400; --z-overlay: 800; --z-modal: 900; } /* ========================================================================== Utility Classes — dovanossiluteje.lt Daugkartinio naudojimo pagalbinės klasės. ========================================================================== */ /* --- Prieinamumas (Accessibility) --- */ .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* --- Focus stiliai (pakeičia * { outline: none }) --- */ *:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px; } /* --- Layoutas --- */ .flex { display: flex; } .flex-center { display: flex; align-items: center; justify-content: center; } .flex-between { display: flex; align-items: center; justify-content: space-between; } .flex-col { display: flex; flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .grid { display: grid; } .gap-xs { gap: var(--space-xs); } .gap-sm { gap: var(--space-sm); } .gap-md { gap: var(--space-md); } .gap-lg { gap: var(--space-lg); } .gap-xl { gap: var(--space-xl); } /* --- Tekstas --- */ .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .font-light { font-weight: var(--font-weight-light); } .font-normal { font-weight: var(--font-weight-normal); } .font-semibold { font-weight: var(--font-weight-semibold); } .font-bold { font-weight: var(--font-weight-bold); } .text-primary { color: var(--color-primary); } .text-muted { color: var(--color-text-muted); } .text-error { color: var(--color-error); } .text-success { color: var(--color-success); } .uppercase { text-transform: uppercase; } /* --- Tarpai (Spacing) --- */ .mt-0 { margin-top: 0; } .mt-sm { margin-top: var(--space-sm); } .mt-md { margin-top: var(--space-md); } .mt-lg { margin-top: var(--space-lg); } .mt-xl { margin-top: var(--space-xl); } .mb-0 { margin-bottom: 0; } .mb-sm { margin-bottom: var(--space-sm); } .mb-md { margin-bottom: var(--space-md); } .mb-lg { margin-bottom: var(--space-lg); } .mb-xl { margin-bottom: var(--space-xl); } .p-sm { padding: var(--space-sm); } .p-md { padding: var(--space-md); } .p-lg { padding: var(--space-lg); } .p-xl { padding: var(--space-xl); } /* --- Kortelės (Card) bazinis stilius --- */ .card { background: var(--color-bg-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); transition: transform var(--transition-base), box-shadow var(--transition-base); } .card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } /* --- Mygtukai (Buttons) bazinis stilius --- */ .btn { display: inline-block; padding: 10px 24px; font-family: var(--font-family); font-size: var(--font-size-base); font-weight: var(--font-weight-semibold); text-transform: uppercase; text-decoration: none; text-align: center; border: none; border-radius: var(--radius-sm); cursor: pointer; transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast); } .btn:active { transform: translateY(1px); } .btn-primary { background: var(--color-primary); color: var(--color-text-inverse); border-bottom: 2px solid var(--color-primary-dark); } .btn-primary:hover { background: var(--color-primary-dark); box-shadow: var(--shadow-md); } /* --- Paveikslėliai (Images) --- */ .img-responsive { max-width: 100%; height: auto; display: block; } .img-cover { width: 100%; height: 100%; object-fit: cover; } /* --- Animacijos --- */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate-fade-in-up { animation: fadeInUp 0.4s ease backwards; } .animate-fade-in { animation: fadeIn 0.3s ease backwards; } html { scroll-behavior:smooth } body { padding:0;margin:0;background:url(images/bg.jpg) center 70px repeat-x var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale } span.price { color:#c25e0a !important } a.readmore, .mid_prod a.readmore, .sm_prod a.readmore, .news_item a.readmore { background-color:var(--color-primary) !important; border-bottom:none !important; border-radius:var(--radius-sm) !important; font-weight:600 !important; transition:transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease !important } a.readmore:hover, .mid_prod a.readmore:hover, .sm_prod a.readmore:hover { transform:translateY(-1px) !important; box-shadow:var(--shadow-md) !important; background:var(--color-primary-dark) !important } a.readmore:active { transform:translateY(0) !important } ::-moz-selection { background:var(--color-primary);color:var(--color-text-inverse);text-shadow:none } input[type=text], input[type=submit], button, input[type=button] { -webkit-appearance:none } strong { font-weight:var(--font-weight-semibold) } * { outline:none;border:0;font-family:var(--font-family) } *:focus-visible { outline:2px solid var(--color-primary);outline-offset:2px } .cl { clear:both } .dovfotexta { display:none } #top_menu { background:var(--color-primary);width:100%;height:var(--header-height);z-index:var(--z-header);position:fixed;box-shadow:none;transition:box-shadow 0.3s ease } #top_menu nav { float:left } #top_menu.scrolled { box-shadow:0 4px 24px rgba(244,123,38,0.2) } #top_menu .logo { float:left;width:279px;max-width:100%;height:auto;aspect-ratio:279/70 } #top_menu ul {padding:0;float:left;margin:16px 0 0 47px;list-style-type:none } #top_menu nav > ul > li {padding:20px 20px 5px 20px; margin-top:-5px; background-size:auto 14px; background-image:url(images/dk-icon.png); background-position:center top 3px; background-repeat: no-repeat } #top_menu nav > ul > li { float:left } .mob-nav-a { display: none; } #top_menu ul li ul { display:none } #top_menu ul li:hover a { border-color:#FFF } #top_menu nav > ul > li.gkat { background-image:url(images/geles-icon.png); background-size:auto 18px; background-position:center top; } #top_menu nav > ul > li.dovr { background-image:url(images/dovanos-icon.png); background-size:auto 18px; background-position:center top; } #top_menu ul li ul { position:absolute;display:none;z-index:-1;background:#FFF;padding:25px 0;margin:0 auto;top:70px;left:0;right:0;width:1170px;min-height:320px;box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.15) } #top_menu ul li ul li:nth-last-child(2) { clear:both } .search2 { display:none } #top_menu ul li ul li ul { position:static;display:block;border:none;width:auto;box-shadow:none;margin-top:15px;padding:0 } #top_menu ul li ul li ul li, #top_menu ul li ul li ul li:hover, #top_menu ul li ul li ul li:last-child { border-right:1px solid var(--color-border);padding:0 } #top_menu ul li ul li ul li a { font-weight:300;text-transform:none;line-height:200%;color:#313131;text-decoration:underline;display:block } #top_menu ul li ul li:hover { padding:0 0 0 30px;border:none;border-right:1px solid var(--color-border);margin:0;border-radius:0 } #top_menu ul li ul li { display:inline-block;background:none;width:160px;margin:0;padding:0 0 0 30px;border:none;border-right:1px solid var(--color-border) } #top_menu ul li ul li:last-child, #top_menu ul li ul li:last-child a { border-right:0 } /* submenu controlled by JS */ ul.submenu li:last-child { clear:both } #top_menu ul li a { color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid var(--color-primary-light);text-transform:uppercase;font-size:var(--font-size-base) } #top_menu ul li ul li a { color:#222;border:0;padding:0;margin:0;text-decoration:underline } #top_menu ul li ul li a:hover { padding:0;text-decoration:none } #top_menu span.email a:hover, #top_menu span.phone a:hover { text-decoration:none;border-bottom:1px solid #fff } #top_menu span.email { float: right;display: inline-block;border-left: 1px solid var(--color-primary-border);max-height: 70px;color: #fff;background-image: url(images/ico_mail.png); background-position:15px center; background-repeat:no-repeat; padding: 20px 20px 25px 40px } #top_menu span.email a, #top_menu span.phone a { color:#fff;font-weight:600;margin-top:-2px;display:inline-block;text-decoration:none;max-height:70px;border-bottom:1px solid var(--color-primary-light);font-size:var(--font-size-base) } #top_menu span.phone { float:right;display:inline-block;border-left:1px solid var(--color-primary-border);color:#fff;background-image: url(images/ico_phone.png); background-position:15px center; background-repeat:no-repeat;padding:20px 20px 25px 40px;max-height:70px } #top_menu .search { float:right;margin-right:30px;margin-top:18px;position:relative } #top_menu .search input[type=text] { color:#767676;font-size:var(--font-size-base);border-radius:var(--radius-pill);width:180px;padding:8px 20px;border:0;background:rgba(255,255,255,0.2);color:#fff;transition:background 0.2s ease,width 0.2s ease } #top_menu .search input[type=text]::placeholder { color:rgba(255,255,255,0.7) } #top_menu .search input[type=text]:focus { background:rgba(255,255,255,0.95);color:#222;width:220px } #top_menu .search button[type=submit] { position:absolute;top:8px;right:10px;background:none } #top_menu .search input:hover, #top_menu .search input:focus { color:#444 } .cnt { width:1170px;margin:0 auto } #content { padding-top:95px;min-height:400px } #footer { background:#fff;width:100%;padding-bottom:30px;margin-top:60px;border-top:1px solid var(--color-border) } /* New Footer */ .new-footer { margin-top:60px } .nf-guarantees { background:#fff;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border) } .nf-guarantees-inner { display:grid;grid-template-columns:repeat(4,1fr);gap:0 } .nf-guarantee { display:flex;align-items:center;gap:14px;padding:24px 20px;border-right:1px solid var(--color-border) } .nf-guarantee:last-child { border-right:none } .nf-guarantee svg { flex-shrink:0 } .nf-guarantee strong { display:block;font-size:13px;color:#222 } .nf-guarantee span { display:block;font-size:11px;color:#999;margin-top:1px } .nf-main { display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding:48px 0 40px } .nf-brand p { font-size:13px;color:#767676;line-height:170%;margin:0 0 16px } .nf-contact { display:flex;flex-direction:column;gap:8px } .nf-contact a { display:flex;align-items:center;gap:8px;color:#222;text-decoration:none;font-size:13px;font-weight:600;transition:color 0.15s } .nf-contact a:hover { color:var(--color-primary) } .nf-contact a svg { color:var(--color-primary) } .nf-col h4 { font-size:14px;font-weight:700;color:#222;margin:0 0 16px;text-transform:uppercase;letter-spacing:0.5px } .nf-col a { display:block;color:#767676;text-decoration:none;font-size:13px;padding:4px 0;transition:color 0.15s } .nf-col a:hover { color:var(--color-primary) } .nf-bottom { background:#faf8f6;border-top:1px solid var(--color-border);padding:16px 0 } .nf-bottom-inner { display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#999 } .nf-bottom-inner a { color:#999;text-decoration:none;margin-left:20px;transition:color 0.15s } .nf-bottom-inner a:hover { color:var(--color-primary) } @media (max-width:768px) { .nf-guarantees-inner { grid-template-columns:1fr 1fr } .nf-guarantee { border-bottom:1px solid var(--color-border) } .nf-guarantee:nth-child(2) { border-right:none } .nf-main { grid-template-columns:1fr 1fr;gap:30px;padding:30px 0 } } @media (max-width:538px) { .nf-guarantees-inner { grid-template-columns:1fr 1fr } .nf-guarantee { padding:16px 12px;gap:10px;border-bottom:1px solid var(--color-border) } .nf-guarantee:nth-child(2n) { border-right:none } .nf-guarantee:nth-child(2n+1) { border-right:1px solid var(--color-border) } .nf-guarantee strong { font-size:12px } .nf-guarantee span { font-size:10px } .nf-guarantee svg { width:20px;height:20px } .nf-main { grid-template-columns:1fr 1fr;gap:20px 16px;padding:24px 16px } .nf-brand { grid-column:1/-1 } .nf-brand img { width:140px !important } .nf-brand p { font-size:12px } .nf-col h4 { font-size:12px;margin-bottom:10px } .nf-col a { font-size:12px;padding:3px 0 } .nf-bottom-inner { flex-direction:column;gap:8px;text-align:center } .nf-bottom-inner a { margin-left:10px } .hp-section .sm_prod_new_list { grid-template-columns:1fr 1fr;gap:10px } } .googleplus { width:16px;float:left !important;display:block;padding-left:0 !important;margin-top:3px;margin-right:8px } .googleplus img { max-width:100% } #footer .garantijos { border-bottom:none;width:100%;text-align:center;margin-bottom:35px;padding:30px 0 } #footer .garantijos a { display:inline-block;width:276px;text-align:left;border-left:1px solid var(--color-bg);color:#222;text-decoration:none;font-weight:600;padding-top:26px;padding-bottom:28px;padding-left:113px } #footer .garantijos a.g1 { background-image:url(images/g1.png); background-position:60px center; background-repeat:no-repeat } #footer .garantijos a.g2 { background-image:url(images/g2.png); background-position:60px center; background-repeat: no-repeat } #footer .garantijos a.g3 { background-image:url(images/g3.png); background-position:60px center; background-repeat: no-repeat; border-right:1px solid var(--color-bg) } #footer .garantijos a:hover { background-color:#f9f9f9;color:var(--color-primary) } #footer .lside { float:left;width:330px;border-right:1px solid var(--color-bg) } #footer .lside ul { margin:0;padding:0;list-style-type:none } #footer .lside ul li { display:inline-block;width:32% } #footer .lside ul li a { color:#767676;display:inline-block;padding-left:0;font-size:var(--font-size-sm);transition:color 0.15s ease } #footer .lside ul li a:hover { color:var(--color-primary) } #footer .vb { border-top:1px solid var(--color-border);color:#767676;margin-top:40px;font-size:var(--font-size-sm);padding-top:25px } #footer .fb-page { margin-top:10px } #footer .vb a { float:right;color:var(--color-primary);font-size:var(--font-size-base);font-weight:600;display:inline-block;padding-left:23px } #footer .vb a.phone { padding-right:30px;margin-right:30px;border-right:1px solid var(--color-border) } #footer .vb a.email { /* icon removed */ } #footer .vb a:hover { text-decoration:none } #footer .rside { float:right;width:800px;padding:0;margin:0;list-style-type:none;text-align:left } #footer .rside li { width:24%;display:inline-block;padding:0;margin:0;float:left } #footer .rside li a { text-transform:uppercase;text-decoration:none;font-size:var(--font-size-sm);font-weight:600;color:#444 } #footer .rside li a:hover { color:var(--color-primary) } #footer .rside li ul { display:block;padding:0;margin:0;width:100% } #footer .rside li ul li { display:block;width:auto;float:none } #footer .rside li ul li a { display:inline-block;padding:6px 0;color:#767676;font-weight:normal;text-transform:none;text-decoration:none;transition:color 0.15s ease } #footer .rside li ul li a:hover { color:var(--color-primary) } h1 { font-weight:300;font-size:var(--font-size-hero);text-align:center;color:#222;letter-spacing:-0.5px } #categs { list-style-type:none;width:600px;padding:0;margin:0;float:left } #categs li { background:#fff;display:inline-block;margin:0 10px 10px 0;border-radius:var(--radius-sm) } #categs li a { color:#222;padding:15px 15px 20px 15px;width:250px;text-decoration:none;display:block;font-weight:600;text-transform:uppercase;font-size:var(--font-size-lg);background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:228px 193px;margin:0 } #categs li a:hover, .main_offer a.title:hover { color:var(--color-primary) } #categs li a img { width:250px;height:160px;margin-bottom:8px;border-radius:var(--radius-sm) } #categs li a:hover img { opacity:0.800000011920928955078125 } .main_offer { float:right;background:#fff;border-radius:var(--radius-lg);padding:20px;width:540px;position:relative;box-shadow:var(--shadow-sm) } .sign { position:absolute;top:0;left:0;width:200px;height:200px;overflow:hidden;z-index:5;pointer-events:none } .sign::after { content:'';position:absolute;top:26px;left:-50px;width:250px;text-align:center;padding:6px 0;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;transform:rotate(-45deg);letter-spacing:1px } .sign-1::after { content:'NAUJAS PASIŪLYMAS';background:#f0c800 } .sign-2::after { content:'PASKUBĖKITE!';background:#444 } .sign-3::after { content:'TOP PASIŪLYMAS';background:var(--color-primary) } .sign-4::after { content:'SUPER PASIŪLYMAS';background:#d42000 } .main_offer .img { width:540px;height:430px;border-radius:var(--radius-sm);aspect-ratio:540/430 } .main_offer .control { background:url(images/fader.png) no-repeat;height:74px;width:540px;position:absolute;left:15px;top:371px } .stars { background:url(images/star.png) repeat-x;width:65px;height:13px;margin-top:41px;margin-left:15px } a.comments { background:url(images/ico_reviews.png) left center no-repeat;float:right;padding-left:21px;color:#fff;font-size:var(--font-size-md);text-decoration:none;margin-right:15px;margin-top:38px } .main_offer a.title { font-weight:bold;text-decoration:none;color:#222;font-size:var(--font-size-4xl);line-height: 110%; display:block; padding-left:10px; } .main_offer .price { font-weight:bold;color:var(--color-primary); float:right;display:inline-block;margin:0 10px; margin-top:4px; font-size:var(--font-size-3xl);line-height:90%;text-align:right } .main_offer .price span { color:#767676;font-size:var(--font-size-xl);font-weight:normal;display:block;text-decoration:line-through } .main_offer .sinfo { clear:right;color:#444;font-size:var(--font-size-base);border-bottom:1px solid var(--color-border);padding:10px;margin-bottom:15px; padding-bottom:15px; } .main_offer a.readmore { float:right;margin-right:0px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:6px 29px 5px 29px;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast) } .main_offer a.readmore:hover { background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md) } .main_offer a.readmore:active { transform:translateY(0) } .main_offer_img { display:block; line-height: 70%; margin-bottom: 12px; } .gift_option { display:inline-block; font-size:var(--font-size-base); color:#444; padding-left:30px;background:url(images/fake3.png);background-repeat:no-repeat;background-position:left center;-moz-background-size:20px 20px;-webkit-background-size: 20px 20px;-o-background-size: 20px 20px;background-size:20px 20px;padding-right:20px;border-right:1px solid var(--color-border);margin-right:20px;font-weight:600;margin-top:7px;image-rendering: auto !important } .gift_option:last-child { border-right:0;margin-right:0;padding-right:0 } .prenum_block {width:calc(100% - 48px); text-align:center; font-weight:600;margin-top:4px;background-image:url(images/bg_letter.png); background-position: right top; background-repeat: no-repeat; background-color:#f8ca2b;padding:20px 24px 28px 24px;color:#fff;border-radius:var(--radius-lg);font-size:var(--font-size-xl);position:relative } .prenum_block h1 { color:#fff;font-size:var(--font-size-3xl) } .prenum_block > div { width:600px; margin-left:auto; margin-right:auto; height:36px;overflow:hidden;font-size:var(--font-size-base);color:#767676;border-radius:9px;background-color:#fff;margin-top:10px;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.12) inset;position:relative } .prenum_block input[type=text] { border:0;padding:6px 20px 8px 20px;width: calc(100% - 285px);color:#767676;background:transparent;float:left;font-size:var(--font-size-base) } .prenum_block label { width:190px;padding-left:10px;float:left;color:#222;text-decoration:underline;cursor:pointer;font-size:var(--font-size-sm);line-height:36px } .prenum_block input[type=text]:hover, .prenum_block input[type=text]:focus { color:#444;box-shadow:0 0 7px 0 rgba(0, 0, 0, 0.2) inset } .prenum_block label input[type=checkbox] { display:none } .prenum_block label span { display:inline-block !important;border:none !important;padding:0 !important;margin:0;width:14px;height:14px;background:url(images/check.png) no-repeat;vertical-align:middle;margin-right:9px;margin-top:-1px } .prenum_block label input:checked + span { background:url(images/check_on.png) no-repeat } .prenum_block input[type=image] { position:absolute;background:none;right:20px;top:13px } .prenum_block label a { color:#7a3500 } h2.new { border-top:3px solid #fff;font-weight:300;color:#222;font-size:var(--font-size-3xl);padding-top:22px } a.vall { text-transform:uppercase;font-weight:600;color:var(--color-primary);text-decoration:none;float:right;font-size:var(--font-size-base);margin-top:54px;padding-right:36px;background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center } a.vall:hover { text-decoration:underline } .mid_prod { width:540px;height:170px;overflow:hidden;float:left;background:#fff;position:relative;padding:15px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow 0.2s ease } .mid_prod:hover { box-shadow:var(--shadow-md) } .mid_prod:first-child { margin-right:30px } .mid_prod img.p { width:170px;height:170px;border-radius:var(--radius-sm);float:left;margin-right:14px;aspect-ratio:1/1 } .mid_prod img:hover { opacity:0.89 } .mid_prod .control { background:url(images/mid_fader.png) no-repeat;position:absolute;height:74px;width:170px;left:15px;top:111px } .mid_prod .control a.comments { margin-top:48px } .mid_prod .control .stars { margin-top:52px } .mid_prod span.price { display:inline-block;float:right;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .mid_prod a.title { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-xl);height:50px } .mid_prod a.title:hover { color:var(--color-primary) } .mid_prod span.info { display:inline-block;color:#444;font-size:var(--font-size-base);width:355px;line-height:150%;padding:15px 0; } .mid_prod span.botline { display:block;position:absolute;bottom:15px;width:355px;right:15px;border-top:1px solid var(--color-border); height:38px; overflow:hidden; } .mid_prod .gift_option { font-weight:normal;margin-top:10px;padding-right:15px;padding-bottom:1px;margin-right:15px; height:19px; max-width:calc(100% - 170px); overflow:hidden; } .mid_prod a.readmore, .news_item a.readmore { float:right;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 29px 4px 29px } .mid_prod a.readmore:hover, .news_item a.readmore:hover { box-shadow:2px 2px 6px 0 rgba(0, 0, 0, 0.15) inset;background:var(--color-primary-dark) } .newest_offers .gift_option.no-pad.no-pad-2 { max-width: calc(50% - 100px); overflow: hidden; display: inline-block; } .site_links { width:100%;background:transparent;padding:5px 0 10px 0;margin-top:-20px;margin-bottom:25px } .site_links a { padding-right:18px;margin-right:6px;color:#767676;text-transform:uppercase;font-size:var(--font-size-xs);position:relative } .site_links a::after { content:'›';position:absolute;right:4px;top:50%;transform:translateY(-50%);color:#bbb;font-size:12px } .site_links a:last-child::after { display:none } .site_links a:hover { text-decoration:none } .site_links a:last-child { background:none;text-decoration:none } .lside { width:216px;float:left } .lside .block { border:none;border-radius:var(--radius-md);width:212px;background:#FFF;margin-bottom:12px;padding-bottom:11px;box-shadow:var(--shadow-sm) } .lside .block span { display:block;border-bottom:1px solid var(--color-border);color:#222;padding:14px 16px;font-size:var(--font-size-lg);font-weight:600 } .rside { float:right;margin-left:30px;width:924px } .rside h1, h1.line {text-align:left;margin:0 0 20px 0;font-weight:normal;border-bottom:2px solid var(--color-border-light);padding:0 0 13px 0;font-size:var(--font-size-3xl) } h1.line { font-weight:600;text-align:center;padding-top:11px;margin:-28px -28px 0 -28px;font-size:var(--font-size-5xl) } .sm_prod { width:196px;height:163px;float:left;margin:0 20px 20px 0;background:#fff;position:relative;padding:206px 10px 10px 10px;border-radius:var(--radius-sm);overflow:hidden } div.sm_prod:nth-child(4n+2) { margin-right:0 } .sm_prod img.p { width:196px;height:196px;border-radius:var(--radius-sm);position:absolute;top:10px;left:10px;z-index:0 } .sm_prod .control { background:url(images/sm_fader.png) no-repeat;position:absolute;height:74px;z-index:1;width:196px;left:10px;top:132px;cursor:pointer } .sm_prod .control .stars { margin-top:52px } .sm_prod .control a.comments { margin-top:48px } .sm_prod span.price { display:inline-block;position:absolute;right:20px;top:20px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .sm_prod_new span.price { display:inline-block;position:absolute;right:16px;top:167px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .sm_prod a.title { text-decoration:underline;font-weight:700;color:#222;font-size:var(--font-size-base);display:block } .sm_prod a.title:hover { color:var(--color-primary);text-decoration:none } .sm_prod span.info { display:inline-block;color:#505050;font-size:var(--font-size-xs);width:100%;line-height:150%;padding:5px 0 10px 0;position:relative } .flower_item span.price { top:auto !important;bottom:185px;z-index:300 } .flower_item a.title { font-size: 11.5pt } .sm_prod span.botline { border-top:1px solid var(--color-border);display:block;position:absolute;bottom:10px;background:#FFF;width:196px; max-height: 75px; overflow:hidden; } .sm_prod .gift_option.no-pad.no-pad-2 { max-width: calc(50% - 100px); overflow: hidden; display: inline-block; height: 18px; background: none !important; } .sm_prod span.botline img { position:absolute;right:0;top:-21px } .sm_prod .gift_option { font-weight:normal;margin-top:10px;padding-top:1px;padding-bottom:1px;padding-right:10px;margin-right:10px; max-height: 18px; overflow: hidden; } .sm_prod .no-pad { border-right:0;margin-right:0;padding-right:0 } .sm_prod a.readmore, span.addreview { display:block;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 0;text-align:center } .sm_prod a.readmore:hover, span.addreview:hover { box-shadow:2px 2px 6px 0 rgba(0, 0, 0, 0.15) inset;background:var(--color-primary-dark) } #pager { text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid var(--color-border) } #pager a { display:inline-block;background:#fff;color:var(--color-primary);font-weight:600;text-decoration:none;margin:0 3px;font-size:var(--font-size-base);padding:6px 14px;border-radius:var(--radius-pill);transition:all 0.15s ease;border:1px solid var(--color-border) } #pager a:hover { background:var(--color-primary);color:#fff;border-color:var(--color-primary) } #pager span { display:inline-block;background:var(--color-primary);color:#fff;font-weight:600;text-decoration:none;margin:0 3px;font-size:var(--font-size-base);padding:6px 14px;border-radius:var(--radius-pill);border:1px solid var(--color-primary) } #slider-container { width:176px;margin-left:20px;margin-top:26px } .ui-slider-horizontal { height:5px;background:#222;border:0;border-radius:var(--radius-sm) } .ui-slider .ui-slider-range { background:var(--color-primary) } .ui-state-default { border:none;width:8px;height:8px;background:url(volume_bar/shattle.png) 0 0 no-repeat transparent } .ui-slider-handle { left:0;background:#cc0000;margin-left:0;width:8px;height:8px;border:none } .ui-slider-range, .ui-widget-header, .ui-slider-range-min { background:none } .ui-slider { position:relative;text-align:left } .ui-slider .ui-slider-handle { position:absolute;z-index:2;background:url(images/slide.png) no-repeat;cursor:pointer;width:17px;height:17px;padding:0 !important;border:0 !important } .ui-slider .ui-slider-range { position:absolute;z-index:1;font-size:0.7em;display:block;border:0;background-position:0 0 } .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter:; } .ui-slider-horizontal .ui-slider-handle { top:-0.3em;margin-left:-0.6em } .ui-slider-horizontal .ui-slider-range { top:0;height:100% } .ui-slider-horizontal .ui-slider-range-min { left:0 } .ui-slider-horizontal .ui-slider-range-max { right:0 } em { font-style:normal !important } .pto { float:right;margin-right:17px;color:#222;font-size:var(--font-size-sm);font-weight:normal;margin-top:11px } .pfr { margin-left:17px;font-size:var(--font-size-sm);color:#222;font-weight:normal;margin-top:11px } label.checkbox input[type=checkbox] { display:none } label.checkbox { font-size:var(--font-size-sm);color:#222;text-decoration:underline;cursor:pointer;display:block;margin:3px 0 3px 18px } label.checkbox span { display:inline-block !important;border:none !important;padding:0 !important;margin:0;width:14px;height:14px;background:url(images/check.png) no-repeat;vertical-align:middle;margin-right:9px;margin-top:-1px } label.checkbox :checked + span { background:url(images/check_on.png) no-repeat } #page { border:none;padding:28px;background:#FFF;border-radius:var(--radius-lg);font-size:var(--font-size-base);color:#222;box-shadow:var(--shadow-sm) } #page a { color:var(--color-primary) } #page a:hover { text-decoration:none } #page .lside { float:left;width:394px } #page .rside { float:right;width:440px;color:#222;font-size:var(--font-size-base) } #page .rside h1 { font-weight:600;border-bottom:0;font-size:1.875rem;margin:0;padding:0;line-height: 105%; margin-bottom: 10px; } #page .rside .stars { background:#ccc;display:inline-block;height:14px;background:url(images/star.png) repeat-x;width:60px;margin:0 0 10px 0;padding:0 } #tabs { list-style-type:none;padding:0;margin:30px 0 15px 0;border:none;display:flex;flex-wrap:wrap;gap:6px;background:var(--color-bg);border-radius:var(--radius-md);padding:5px } #tabs li { display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:var(--font-size-base);padding:10px 16px;color:#767676;cursor:pointer;transition:all 0.2s ease;border-radius:var(--radius-sm);border:none;margin:0 } #tabs li span { color:var(--color-primary) } .tab-full { display:inline } .tab-short { display:none } #tabs li:hover { color:#222;background:rgba(255,255,255,0.6) } #tabs li.on { color:#222;background:#fff;box-shadow:var(--shadow-sm) } .inpg { font-size:var(--font-size-base);line-height:180%;display:none } .inpg p { margin-bottom:10px } .params_tab { margin:20px 0;border:none;padding:5px 0 } .p_tocart, .p_tocart1, .p_query, a.spec_more { display:inline-flex;align-items:center;justify-content:center;color:#FFF;text-align:center;font-weight:600;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xl);padding:12px 16px;box-sizing:border-box;height:46px;vertical-align:middle } .p_query { transition:0.3s ease; background-color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f47b26' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 4L12 13 2 4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-size:16px; background-position:left 16px center; border:2px solid var(--color-primary);width:200px; color:var(--color-primary); padding-left:42px; box-sizing:border-box; } .p_query:hover, .sm_prod_new .new_readmore_more:hover { background-color:rgba(233,103,36,0.1);box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15) inset } .p_tocart, .p_tocart1, a.spec_more { background-color:var(--color-primary);border:2px solid var(--color-primary);margin-right:10px;width:220px; padding-left:42px; } .p_tocart, .p_tocart1 { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left 17px center; background-size:20px; } .p_tocart:hover, .p_tocart1:hover, a.spec_more:hover { background-color:var(--color-primary-dark);box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15) inset;border-bottom:none;padding-bottom:11px } #price span { display:inline-block;margin-right:5px;text-decoration:line-through;color:#767676;font-weight:600;font-size:1.5rem } #price { font-weight:bold;color:var(--color-primary);font-size:2rem;margin-bottom:20px;display:inline-block } .discount { display:inline-block;float:right;background:var(--color-price-bg);border-radius:var(--radius-sm);color:var(--color-primary);font-weight:600;padding:2px 14px 3px 14px;margin-top:12px } #big_photo { width:394px;border-radius:var(--radius-sm) } #min_ph { float:left;width:354px;margin-left:7px } #min_ph ul { list-style-type:none;padding:0;margin:0 auto } #min_ph ul li { display:inline-block;padding:0 5px } #min_ph ul li img { width:108px;height:68px;border-radius:var(--radius-sm);cursor:pointer } #min_ph ul li img:hover, #min_ph ul li img.on { width:104px;height:64px;border:var(--color-primary) solid 2px } #min_next { float:right;padding:28px 0 28px 5px;cursor:pointer } #min_prev { float:left;padding:28px 5px 28px 0;cursor:pointer } #min_next:hover, #min_prev:hover { opacity:0.8 } .param { float:left;width:189px;border-bottom:1px solid var(--color-border);padding:15px 0 15px 30px;background-size:20px auto !important;background-repeat:no-repeat !important;background-position:left center !important;color:#444;line-height:100%;cursor:help } .param span { border-right:1px solid var(--color-border);display:block } .param span span { border:none;font-size:var(--font-size-xs);color:#999;font-style:italic;display:inline-block;margin-bottom: -4px !important } .param:nth-child(2n) span { border-right:0 } .param:nth-child(2n) { background:url(images/fake3.png) 15px center no-repeat;padding:15px 0 15px 45px;width:174px } .param:nth-last-child(3), .param:nth-last-child(2) { border-bottom:1px solid #FFF } .rs h2, .ls h2, h2.line { font-size:var(--font-size-xl);font-weight:600 } .ls h2 span { float:right;color:#767676;font-size:var(--font-size-base);display:inline-block;margin-top:3px } .rs { float:right;width:530px } .ls { float:left;width:530px } .gline { font-size:0;height:1px;background:var(--color-border-light);margin-top:20px } .in_form { border:0;border-collapse:collapse } .in_form tr td:first-child { width:120px;color:#444;font-size:var(--font-size-base) } .in_form td { padding:10px 0 } .in_form input[type=text], .mms, .in_form textarea, #query_form input, #query_form textarea, #query_form2 input, #query_form2 textarea { background:#f8f8f8;border:#cdcdcd solid 1px;font-size:var(--font-size-base);border-radius:var(--radius-sm);padding:9px;height:21px;width:390px;overflow:auto;color:#505050 } .in_form textarea { height:100px } .in_form input[type=text]:hover, .mms:hover, .mms:focus, .in_form input[type="text"]:focus, .in_form textarea:hover, .in_form textarea:focus, #query_form input[type="text"]:hover, #query_form textarea:hover, #query_form input[type="text"]:focus, #query_form textarea:focus, #query_form2 input[type="text"]:hover, #query_form2 textarea:hover, #query_form2 input[type="text"]:focus, #query_form2 textarea:focus { color:#444;border-color:#bababa;box-shadow:0 0 7px 3px rgba(0, 0, 0, 0.07) inset } .in_form input.error, #query_form input.error, #query_form textarea.error, #query_form2 input.error, #query_form2 textarea.error { border-color:var(--color-error);box-shadow:0 0 10px 0 rgba(235, 50, 0, 0.3) } .in_form input.error:hover, .in_form input.error:focus, #query_form input.error:hover, #query_form textarea.error:hover, #query_form input.error:focus, #query_form textarea.error:focus { border-color:var(--color-error); box-shadow:0 0 10px 0 rgba(235, 50, 0, 0.5) } select { width:100%;padding:3px 14px;border:#cdcdcd solid 1px;font-size:var(--font-size-base);border-radius:var(--radius-sm);color:#505050;height:41px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/d_arr.png) right 15px center no-repeat #f8f8f8 } select option { padding:5px;border:none } select:hover, select:focus { box-shadow:0 0 7px 3px rgba(0, 0, 0, 0.07) inset } select:focus { background:url(/images/u_arr.png) right 15px center no-repeat #f8f8f8 } select::-ms-expand { display:none } select.error { border-color:var(--color-error); box-shadow: 0 0 10px 0 rgba(235, 50, 0, 0.3); } #paynow { list-style-type:none;padding:0;margin:0;display:grid !important;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:var(--space-md) } #paynow li { margin:0;width:auto !important;float:none !important;display:block !important } #paynow li img { cursor:pointer;padding:17px 12px;background:#faf4f0;border-radius:var(--radius-md);width:100% !important;max-width:100% !important;box-sizing:border-box;transition:border-color var(--transition-base), box-shadow var(--transition-base) } #paynow li img:hover, #paynow li img.on { background:var(--color-bg-card);padding:15px 10px;border:var(--color-success) solid 2px;box-shadow:var(--shadow-sm) } .op_ul { list-style-type:none;margin:0;padding:10px 0 0 0 } .op_ul li { background:#faf4f0;display:inline-block;margin-right:10px;margin-bottom:10px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-primary);padding:3px 9px 5px 9px } .op_ul li:last-child { margin-right:0 } .op_ul li label { display:inline-block;margin-left:0 } .in_tab { color:#505050;font-size:var(--font-size-base);padding-top:15px;line-height:150% } .in_tab b { font-weight:600 } .in_tab a { color:#444 } .in_tab a:hover { color:var(--color-primary);text-decoration:none } .psum { display:block;font-family:'Titillium Web';text-align:center;padding-top:16px;font-weight:600;color:#222;font-size:1.9rem } .psum span, .nsum span { font-weight:bold;color:var(--color-primary) } .nsum { display:none;text-align:center;font-weight:600;color:#222;font-size:var(--font-size-xl) } .add_discount { text-align:center;font-size:var(--font-size-base);display:inline-block;width:100%;text-align:center } .add_discount span { text-decoration:underline;color:#767676;cursor:pointer } .add_discount span:hover { text-decoration:none } .discount_block { display:none } .buynow, #query_form input.buynow, #query_form2 input.buynow2 { text-transform:uppercase;color:#FFF;border:0;border-radius:var(--radius-sm);background:var(--color-primary);width:250px;padding:10px 0;font-weight:600;font-size:var(--font-size-xl);margin:20px auto 0 auto;cursor:pointer;transition:transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease } .buynow:hover, .buynow:focus, #query_form input.buynow:hover, #query_form input.buynow:focus, #query_form2 input.buynow2:hover, #query_form2 input.buynow2:focus { background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md) } .in_form input.dis_in { width:150px;border-right:0 } .in_form input.dis_bu { margin-left:-5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom:1px solid var(--color-primary-dark);background:var(--color-primary);color:#FFF;font-weight:600;font-size:var(--font-size-base);text-transform:uppercase;padding-bottom:8px;padding-top:9px } .in_form input.dis_bu:hover { background:var(--color-primary-dark);box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.15) inset;border-bottom:none;padding-bottom:9px } .dukbox { -webkit-column-count: 2; -webkit-column-gap: 30px; -moz-column-count: 2; -moz-column-gap:30px; column-count:2; column-gap:30px; } .duk_item { width:95%; border-left:3px solid var(--color-primary);padding-left:5%;margin-bottom:25px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .duk_item span { display:block;font-weight:600 } .geles { width:340px } form { padding:0;margin:0 } span.error { font-size:var(--font-size-xs);color:var(--color-error);display:block } .svk { text-decoration:underline;cursor:pointer } .svk:hover { text-decoration:none } #hider { position:fixed;background:url(images/hider.png);width:100%;height:100%;top:0;left:0;z-index:88888 } #query_form, #query_form2 { background:#fff;border:none;padding:30px;border-radius:var(--radius-xl);width:646px;top:50px;position:fixed;z-index:88889;left:50%;margin-left:-323px;box-shadow:var(--shadow-xl) } #query_form span.h1, #query_form2 span.h1 { text-align:left;display:block;margin:-12px -25px 20px -25px;font-weight:600;border-bottom:2px solid var(--color-border-light);padding:0 0 13px 25px;font-size:var(--font-size-3xl) } #query_form span.h1 span, #query_form2 span.h1 span { float:right;color:var(--color-primary);font-size:var(--font-size-base);display:inline-block;padding-right:25px;padding-top:12px } #query_form .close, #query_form2 .close { position:absolute; right:-15px; cursor:pointer; top:-15px } #query_form .close:hover, #query_form2 .close:hover { opacity:0.9; } #query_form tabe, #query_form2 tabe { width:100% } #query_form table tr td, #query_form2 table tr td { color:#444;font-size:var(--font-size-base);font-weight:600 } #query_form input, #query_form2 input { width:calc(50% - 47px); font-size:16px; margin-bottom:10px; padding:0 20px; height:42px; } #query_form input.c2, #query_form2 input.c2 { float:right; } #query_form textarea, #query_form2 textarea { width:calc(100% - 42px); font-size:16px; padding:15px 20px; overflow:auto; height:100px } #query_form input.buynow, #query_form2 input.buynow2 { margin-top:10px; display:block; width:100%; } #query_form span.big, #query_form2 span.big { display:none;font-size:var(--font-size-3xl);font-weight:600;text-align:center;color:#444 } #query_form span.big b, #query_form2 span.big b { color:var(--color-primary) } #query_form span.sm, #query_form2 span.sm { color:#444;font-size:var(--font-size-base);font-weight:600;display:none;text-align:center } .review_item { border-bottom:1px solid var(--color-border);padding-bottom:15px;margin-bottom:15px } .review_item span.data { display:block;color:#989898;font-size:var(--font-size-xs) } span.addreview { cursor:pointer;float:right;width:155px;margin:0 } #partners { margin-top:15px;border-bottom:1px solid var(--color-border-light) } #partners span { display:inline-block;width:200px;height:150px;padding:5px;border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light) } #partners span:nth-child(4n 0) { border-right:0 } #partners span a { display:inline-block } #partners span a div.cell { width:200px;height:150px;display:table-cell;vertical-align:middle;text-align:center } .news_item { margin-bottom:15px;background:#fff;position:relative;padding:15px;color:#444;font-size:var(--font-size-base);border-radius:var(--radius-sm) } .news_item img { border-radius:var(--radius-sm) } .news_item a.topic { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-xl) } .news_item a.topic:hover { color:var(--color-primary) } .news_item span { display:block;padding:2px 0;font-size:var(--font-size-xs);color:#767676 } .news_img { float:right;margin:0 0 10px 10px;border-radius:var(--radius-sm) } #stars { list-style-type:none;padding:0;margin:0 } #stars li { list-style-type:none;display:inline-block;padding-right:13px } #stars li img { cursor:pointer } #checker { width:336px;border-collapse:collapse;border:0;margin-top:30px } #checker input[type=text] { border:#ddd solid 1px;border-radius:var(--radius-sm);padding:10px 18px;width:225px;font-size:var(--font-size-md);box-shadow:0 0 7px 2px rgba(0, 0, 0, 0.03) inset;padding-right:90px;margin-bottom:0 } #checker input[type=text]:hover, #checker input[type=text]:focus { box-shadow:0 0 7px 2px rgba(0, 0, 0, 0.06) inset;color:#333 } #checker input[type=button] { position:absolute;right:5px;background:var(--color-primary);border-radius:var(--radius-sm);border:0;text-transform:uppercase;font-weight:600;font-size:var(--font-size-md);color:#FFF;top:5px;padding:6px 10px } #checker input[type="button"]:hover { background:#f89a2b } .liner { display:block;padding:4px;border-bottom:1px dotted var(--color-border-light);font-weight:600 } .liner span { display:inline-block;width:150px;font-weight:normal } a.spec_more { margin:15px 0 0 100px;width:250px;color:#FFF !important;text-decoration:none } #cup_inf h2 { margin-bottom:5px;padding:0 } #cup_inf h1 { margin-bottom:10px } #side_category { margin-top:8px;padding:0;list-style-type:none } #side_category li a { font-size:var(--font-size-sm);color:#505050;text-decoration:none;cursor:pointer;display:block;margin:0;padding:8px 16px;border-radius:var(--radius-sm);transition:all 0.15s ease } #side_category li a:hover { background:var(--color-bg);color:#222 } #side_category li a.on { background:var(--color-primary);color:#fff } span.mr { color:var(--color-primary);text-decoration:underline;cursor:pointer } span.mr:hover { text-decoration:none } .q_table { width:100% } .atiblock { display:block;padding:46px 18px 11px 18px;line-height:160%;background-color:#fff;background:none;color:#222;font-size:var(--font-size-base);font-style:italic;text-align:center;border:2px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:10px;position:relative;background-color:#fff } .atiblock::before { content:'\201C';position:absolute;top:6px;left:50%;transform:translateX(-50%);font-size:36px;line-height:1;color:var(--color-primary);font-style:normal;font-family:Georgia,serif;opacity:0.4 } .atiblock span { font-weight:bold;font-style:normal;font-size:var(--font-size-base);display:block;padding:7px 0 8px 0 } .atiblock a { color:var(--color-primary);font-size:var(--font-size-base);text-transform:uppercase;font-style:normal;font-weight:600 } .atiblock a:hover { text-decoration:none } .atitem { display:block;padding:40px 24px 20px;margin-top:20px;color:#222;line-height:180%;background:none;font-size:var(--font-size-base);font-style:italic;text-align:left;overflow:hidden;word-wrap:break-word;position:relative } .atitem::before { content:'\201C';position:absolute;top:8px;left:16px;font-size:40px;line-height:1;color:var(--color-primary);font-style:normal;font-family:Georgia,serif;opacity:0.4 } .atitem:first-child { margin-top:0 } .atitem span { font-weight:600;font-style:normal;font-size:var(--font-size-sm);display:block;padding:12px 0 0 0;color:var(--color-primary) } .atilist { -webkit-column-count:3 !important;-webkit-column-gap:20px !important;-moz-column-count:3 !important;-moz-column-gap:20px !important; column-count:3 !important; column-gap:20px !important; margin-top:20px } .atitem { -webkit-column-break-inside:avoid;page-break-inside:avoid;border:none;break-inside:avoid-column;width:auto;border-radius:var(--radius-lg);background-position:24px 20px;background-size:24px auto;background-color:#fff;padding:30px 24px 20px;margin-top:16px;box-shadow:var(--shadow-sm);transition:box-shadow 0.2s ease } .atitem:first-child { margin-top:0 } .atitem:hover { box-shadow:var(--shadow-md) } .atitem span.laikasd { font-weight:normal;font-size:var(--font-size-sm);display:block;padding:7px 0 0 0;color:#ccc } #paycoupon { display:none;border-top: 1px solid var(--color-border-light);padding-bottom:20px } #cpc_check { width:auto;padding-left:10px;padding-right:10px;margin-top:0 } #kupono_info { display:none;padding:20px;margin-top:10px;background:#fef5e9;border-radius:var(--radius-sm) } .ui-state-default { height:auto;width:auto;padding:0 !important;text-align:center !important } .ui-datepicker table tr td, .ui-datepicker table th { text-align:center !important;padding:1px } .ui-state-active { background-color:var(--color-primary) !important;border-color:var(--color-primary-dark) !important } .ui-state-highlight { border-color:#f89a2b !important;background-color:#f3efec !important } .fpoffers { background:#fff;border-radius:var(--radius-sm);padding:30px;height:380px;} .fpoffers div.fpcat { width:254px;float:left } .fpoffers .fpimg { float:left } .fpoffers .sm_prod { float:right;margin: 0 0px 0 20px;border:1px solid var(--color-border); } .fpoffers .fptitle { color:#222;font-weight:bold;font-size:1.375rem;text-decoration:none } .fpoffers div.fpcat ul { list-style-type:none;margin-left:-39px } .fpoffers div.fpcat ul li { margin-bottom:7px } .fpoffers div.fpcat ul li a { font-size:var(--font-size-base);color:#222 } .fpoffers div.fpcat ul li a:hover { text-decoration:none } a.ftaisykl { color:#444 !important;float:none !important;font-weight:normal !important;padding-left:5px !important } input.mms { width:20px } #tabs li i { display:inline-block;font-size:14px;color:var(--color-primary);margin-right:4px } #mph { height:200px;width:1100px;float:left;list-style-type:none;padding:0;margin:0;margin-left:20px;margin-right:20px } #mnext, #mprev { margin-top:72px;cursor:pointer;float:left } #mph li { height:200px;width:100%;display:block } a.xis { background-image: linear-gradient(transparent 60%, #000000);display:block;height:170px;width:270px; max-width:100%;color:#FFF;vertical-align:bottom;text-decoration:none;border-radius:var(--radius-sm);position:relative;transition:0.2s ease;font-size:var(--font-size-sm);text-shadow:0px 0px 10px #000000, 0px 0px 5px #000000 } a.xis:hover { background:none;transition:0.2s ease } a.xis p { transition:0.2s ease;position:absolute;bottom:4px;margin:0;text-align:center;left:5px;right:5px } a.insta { transition:0.2s ease;text-align:left;display:inline-block;padding:7px;text-decoration:none;margin:10px;margin-left:45px;padding-left:40px;color:#F47b26;font-weight:300;font-size:var(--font-size-3xl);background:url(images/insta.png) no-repeat left 15px;background-size:32px } a.insta span { transition:0.2s ease;font-size:0.6875rem;color:#444;display:block;margin-top:-10px } .mag { transition:0.2s ease;background:url(images/bg.jpg) center repeat-x var(--color-bg);margin-top:-60px } .indiv { margin:10px 15px;display:inline-block;background:#fff;float:left;width:170px;height:170px;padding:10px;border-radius:var(--radius-sm) } .indivvid { border-radius:var(--radius-sm);background-repeat:no-repeat;background-position:center;background-size:cover;width:170px;height:170px } #atsiliepimai_first .atitem { display:block; float:none; padding-top:40px; background-position:center 17px; padding-bottom:20px; margin-top:0; width:auto; padding-left:24px; padding-right:24px; margin-right:0; height:auto !important; } #atsiliepimai_first .cnt { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; align-items:center } #atsiliepimai_first .cnt h2.new { grid-column:1/-1 } #atsiliepimai_first .cnt a.vall { grid-column:1/-1; text-align:right } #atsiliepimai_first { margin-bottom:0; padding-bottom:40px } .privaluboxmobile { display:none } #extra_products { display:block; position:relative; border-top:1px solid var(--color-border-light); padding:0; width:100%; } #extra_products h2 { font-size: 13pt; font-weight: 600; } .extra_list { display:block; width:calc(100% - 50px); margin-left:25px; } .extra_list img { max-width:100%; } .extra_list ul { list-style-type:none; margin-left:-40px !important; } .extra_list ul li { width:100%; display:block; float:left; } .extra_list ul li label { cursor:pointer; } .extra_list ul li label > span { transition:0.3s ease; display:block; position:relative; border-radius:var(--radius-sm); border:2px solid var(--color-border-light); padding:10px 15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); } .extra_list ul li label input[type=checkbox] { display:none; } .extra_list ul li label span p.extra_product_name { display:block; position:relative; height:52px; padding:0 5px; margin:5px 0; font-size:var(--font-size-md); line-height:17px; font-weight:600; color:#222; } .extra_list ul li label span p.extra_product_name > b { border-radius:var(--radius-sm); transition:0.3s ease; opacity:0; display:none; padding:6px; font-size:var(--font-size-xs); font-weight:400; background-color:var(--color-border-light); color:#222; position:absolute; bottom:110%; } .extra_list ul li label span p.extra_product_name:hover > b { display:block; opacity:1; } .extra_list ul li label span p.extra_product_price { display:inline-block; padding:0 5px; font-size:var(--font-size-md); font-weight:600; color:var(--color-primary); margin:0; } .extra_list ul li label span p.extra_product_price.epp_akc { margin-top:-1px; color:#cc0000; font-size:var(--font-size-xl); } .epp_oprice { display:inline-block; padding:0 5px; font-size:var(--font-size-base); font-weight:600; text-decoration:line-through; color:#666; margin:0; } .epp_oprice > span { position:absolute; left:0; top:0; width:100px; text-align:center; height:30px; transform:rotate(-45deg); margin-left:-30px; margin-top:5px; line-height:30px; color:#fff; text-transform:uppercase; font-size:var(--font-size-base); font-weight:600; background-image: linear-gradient(to top right, #cc0000, var(--color-primary)); } .extra_list ul li label span p.check_icon { width:20px; height:20px; opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition:0.3s ease; margin:0; top:5px; right:5px; position:absolute; display:block; background-image:url(images/checked.png); background-repeat:no-repeat; background-size:auto 100%; } .extra_list ul li label span:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); } .extra_list ul li label input:checked + span { border-color:var(--color-success); -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15); } .extra_list ul li label input:checked + span p.check_icon { opacity:1; -webkit-filter: none; filter: none; } #pagal_price p.extra_product_name { text-align:center; height:auto; margin-bottom:10px; font-size:var(--font-size-xl); margin-top:40px; } #pagal_price .papild_text { text-align:center; font-size:var(--font-size-base); } #papildomai_suma { width:calc(100% - 44px); transition:0.3s ease; height:40px; margin-bottom: 17.5%; text-align:center; font-size:16px; border:2px solid var(--color-border-light); border-radius:2px; padding:0 20px; } #papildomai_suma:hover, #papildomai_suma:focus { border-color:var(--color-success); } .swiper-pagination-bullet { width: 10px; height: 10px; margin-left:5px; margin-right:5px; background: var(--color-border-light); opacity: 1; } .swiper-pagination { position: relative; margin-top:6px; margin-bottom:-10px; } .swiper-pagination-bullet-active { background:var(--color-primary); } .swiper-button-next, .swiper-button-prev { color: var(--color-primary); } .swiper-button-prev { left: -15px; margin-top:-10px; } .swiper-button-next { right: -15px; margin-top:-10px; } .swiper-container { padding-bottom: 4px; } .geliu_privacy_tekstas { margin-top:20px; padding:20px 0 0 0; text-align:center; line-height:75%; border-top: 1px solid var(--color-border-light) } .geles_foto_list { display:block; float:left; width: calc(100% - 28px); } .geles_foto_list ul { list-style-type:none; margin-left:-34px !important; width:100%; } .geles_foto_list ul li img { border-radius:var(--radius-sm); border:2px solid var(--color-border-light); max-width:calc(100% - 4px); cursor:pointer; } .geles_foto_list ul li img.on { border-color:var(--color-primary); } #main_points { list-style-type:none; float:left; width:calc(100% - 590px); margin:0; margin-left:-40px; } #main_points > li { display:block; padding:20px; width:calc(100% - 40px); background-color:#fff; margin-bottom:16px; border-radius:var(--radius-lg); box-shadow:var(--shadow-sm); transition:box-shadow 0.2s ease } #main_points > li:hover { box-shadow:var(--shadow-md) } .main_points_img { display:block; float:left; width:262px; line-height:70%; } .main_points_img img { border-radius:var(--radius-sm); max-width:100%; aspect-ratio:500/320; height:auto; } .main_points_info { width:calc(100% - 282px); position:relative; height:168px; float:right; display:block; } .main_points_info > div { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .main_points_title { display:inline-block; transition:0.3s ease; position:relative; font-weight:400; color:#222; font-size:1.375rem; text-decoration:none; margin-bottom:4px; } .main_points_title::after { width:0; transition:0.3s ease; height:1px; position:absolute; left:0; bottom:5px; background-color:#222; content:""; } .main_points_title:hover::after { width:100%; } .main_points_info p { color:#505050; font-size: 11pt; margin-top:0; margin-bottom: 8px; } .view_catalog { text-transform: uppercase; display:inline-block; background-size:auto 10px; transition:0.3s ease; font-weight: 600; color: var(--color-primary); text-decoration: none; font-size: 10.5pt; padding-right: 36px; background-image: url(images/arr.png); background-position: right center; background-repeat: no-repeat; } .view_catalog:hover { background-position:right 3px center; } .main_points_info ul { margin-left:-35px; list-style-type:none; } .main_points_info ul li a { transition:0.3s ease; padding-left:15px; position:relative; color:#505050; text-decoration:none; font-size:var(--font-size-base); } .main_points_info ul li a:hover { color:#222; text-decoration:underline; } .main_points_info ul li a::before { width:5px; height:5px; background-color:var(--color-primary); display:block; content:""; position:absolute; left:0; top:50%; margin-top:-3px; border-radius:100%; } #geliu_ord_list { overflow:auto; max-height:270px; border-top:1px solid #efefef; border-bottom:1px solid #efefef; } #geliu_ord_list input[type=radio] { display:none; } #geliu_ord_list > label { display:block; cursor:pointer; } #geliu_ord_list > label > input + span { transition:0.3s ease; display:block; border-bottom:1px solid #efefef; padding:5px; background-image: url(images/checked-off.png); background-position:right 16px center; background-repeat: no-repeat; background-size: auto 20px; } .fl_rinfo { float:right; width:calc(100% - 112px); } .fl_rinfo > div { width:900px; max-width:100%; height:102px; display:table-cell; vertical-align:middle; } .fl_photo { display:block; float:left; line-height:50%; max-width:100px; border:1px solid #efefef;} .fl_photo img { max-width:100%; } .fl_title { padding:0; margin:0; line-height:110%; font-weight: 700; color: #222; font-size: 11pt; display: block; } .fl_papr { text-decoration:underline; font-size:var(--font-size-sm); } #geliu_ord_list > label:hover > input + span { background-color:#fefefe; } #geliu_ord_list > label > input:checked + span { background-color:#fff; position:relative; } #geliu_ord_list > label > input:checked + span * { position:relative; z-index:2; } #geliu_ord_list > label > input:checked + span::before { content:""; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid var(--color-success); background-image: url(images/checked.png); background-position:right 15px center; background-repeat: no-repeat; background-size: auto 20px; display:block; position:absolute; left:0; top:0; } .checkout-progress { display:flex;justify-content:center;gap:0;margin-bottom:20px;padding:0 } .cp-step { display:flex;align-items:center;gap:8px;padding:10px 24px;font-size:var(--font-size-sm);color:#bbb;font-weight:600;position:relative } .cp-step span { display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eee;color:#bbb;font-weight:700;font-size:13px } .cp-step.cp-active { color:#222 } .cp-step.cp-active span { background:var(--color-primary);color:#fff } .cp-step + .cp-step::before { content:'';position:absolute;left:-12px;top:50%;width:24px;height:2px;background:#eee } .cp-step.cp-active + .cp-step::before,.cp-step.cp-active + .cp-step.cp-active::before { background:var(--color-primary) } @media (max-width:538px) { .cp-step { padding:8px 12px;font-size:var(--font-size-xs) } .cp-step span { width:24px;height:24px;font-size:11px } } .savings { display:inline-block;background:#e8f5e9;color:#2e7d32;border-radius:var(--radius-sm);font-weight:600;padding:3px 10px;margin-left:8px;font-size:var(--font-size-sm) } @media (max-width:759px) { input[type=text], input[type=email], input[type=tel], input[type=search], select, textarea { font-size:16px !important } } .mob-search-btn { display:none } .mob-search { display:none } @media (max-width:759px) { .mob-search-btn { display:flex;align-items:center;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;padding:8px } .mob-search { position:fixed;top:42px;left:0;right:0;z-index:398;background:#fff;padding:10px 16px;box-shadow:0 4px 16px rgba(0,0,0,0.1);border-bottom:1px solid var(--color-border) } .mob-search form { position:relative;display:flex;align-items:center } .mob-search input[type=text] { width:100%;padding:10px 40px 10px 14px;border:1.5px solid #ddd;border-radius:var(--radius-pill);font-size:16px;background:#faf8f6;transition:border-color 0.2s;font-family:inherit;box-sizing:border-box } .mob-search input[type=text]:focus { border-color:var(--color-primary);background:#fff;outline:none } .mob-search input[type=text]::placeholder { color:#bbb } .mob-search button { position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0 } } @media (min-width:539px) and (max-width:759px) { .mob-search { top:50px !important } } .hp-hero { text-align:center;padding:10px 0 0 } .hp-sub { color:#767676;font-size:var(--font-size-lg);margin-top:-20px;margin-bottom:30px } .hp-section { margin-top:40px } .hp-section-head { display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #fff;padding-bottom:0 } .hp-section-head h2 { font-weight:300;color:#222;font-size:var(--font-size-3xl);margin:0;padding:0;border:none } .hp-see-all { text-transform:uppercase;font-weight:600;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);white-space:nowrap;transition:color 0.15s } .hp-see-all:hover { color:var(--color-primary-dark) } .hp-section .sm_prod_new img { aspect-ratio:4/3;height:auto } .hp-section .sm_prod_content p { font-size:12px;-webkit-line-clamp:2 } .hp-section .sm_prod_content .new_title { font-size:15px;margin:10px 0 6px } @media (max-width:538px) { .hp-sub { font-size:var(--font-size-base);margin-top:-25px } .hp-section { margin-top:25px } .hp-section-head { flex-direction:column;align-items:flex-start;gap:4px } .hp-section-head h2 { font-size:var(--font-size-4xl) } } .param.param-delivery, .param.param-qty { float:none !important;width:auto !important;background:none !important;border:none !important;padding:8px 0 !important;height:auto !important;display:flex;align-items:center;gap:6px;line-height:140% } .param.param-delivery span, .param.param-qty span { border:none !important;height:auto !important;display:inline !important } .param.param-delivery strong, .param.param-qty strong { font-size:var(--font-size-sm);color:#222 } .param i.fa { color:var(--color-primary);margin-right:2px;font-size:16px;flex-shrink:0 } .params_tab--flower { display:flex;flex-wrap:wrap;gap:4px 24px;margin:4px 0 12px;border:none;padding:0 } .urgency-badge { background:#fff3e0;color:#c45a10;border:1px solid #ffe0b2;border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--font-size-sm);font-weight:600;margin:0 0 8px;display:inline-flex;align-items:center;gap:6px;width:fit-content } .urgency-badge i { font-size:13px } .trust-badges { display:flex;flex-wrap:wrap;gap:8px;margin:15px 0;padding:15px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border) } .trust-badge { display:flex;align-items:center;gap:6px;font-size:12px;color:#505050;font-weight:600 } .trust-badge i { color:var(--color-success);font-size:14px } .social-stats { margin:10px 0;font-size:13px;color:#767676 } .social-stats strong { color:#222 } .live-search { position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:var(--shadow-lg);z-index:500;display:none;max-height:400px;overflow-y:auto } .live-search.show { display:block } .live-search a { display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:#222;border-bottom:1px solid var(--color-border);transition:background 0.1s ease } .live-search a:hover { background:var(--color-bg) } .live-search a img { width:50px;height:50px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0 } .live-search a .ls-name { font-weight:600;font-size:var(--font-size-base) } .live-search a .ls-type { font-size:var(--font-size-xs);color:#767676 } .live-search .ls-footer { padding:10px 16px;text-align:center;font-size:var(--font-size-sm) } .live-search .ls-footer a { display:inline;color:var(--color-primary);font-weight:600;border:none;padding:0 } .live-search .ls-empty { padding:20px 16px;text-align:center;color:#767676;font-size:var(--font-size-base) } .prod-filter { display:inline-block;padding:8px 20px;margin:0 5px;border-radius:20px;text-decoration:none;font-size:13px;font-weight:600;color:#505050;background:#f0edea;transition:0.2s ease } .prod-filter:hover { background:#e5e0da;color:#222 } .prod-filter-on { background:var(--color-primary);color:#fff } .prod-filter-on:hover { background:var(--color-primary-dark);color:#fff } .prod-tag { position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;z-index:3;letter-spacing:0.5px } .prod-tag-hot { background:#d42000;color:#fff } .prod-tag-top { background:var(--color-primary);color:#fff } .prod-tag-new { background:#f0c800;color:#333 } .prod-tag-sale { background:#222;color:#fff } .flower_new { position: absolute; text-transform:uppercase; left: -50px; padding: 0 30px; top: 16px; display: block; width: 100px; height: 25px; line-height: 25px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); cursor: default; background: #fff; color: var(--color-primary-dark); font-size: 9pt; font-weight: 600; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index: 8; } .dovana_item { display:block; width:100%; } .dovana_item_p { position:relative; background-color:#fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); display:block; width:calc(100% - 30px); margin:5px; padding:10px; border-radius:var(--radius-sm); } .dovana_item_ph { position:relative; width:120px; height:120px; display:block; float:left; overflow:hidden; } .dovana_item_ph img { height:120px; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } .dovana_item_details { display:block; float:right; width:calc(100% - 135px); } .dovana_item_details h3 { margin:0 0 4px 0; font-weight:600; font-size:16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dovana_item_details p { background-color:#fff; padding:0px 10px 0px 10px; margin:0; margin-left:-10px; margin-right:-10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } #dovanos_list { margin-top:25px; } #dovanos_list h2 { margin:0 0 10px 0; } #dovanos_list .swiper-pagination { margin-top:20px; } .dovana_item_details:hover p { overflow:visible; -webkit-line-clamp: none; padding-bottom:10px; } #dovanos_list .swiper-b-next { transition:0.3s ease; opacity:1; border: solid #999; border-width: 0 3px 3px 0; display: inline-block; position:absolute; padding: 5px; top:12px; right:10px; cursor:pointer; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } #dovanos_list .swiper-b-prev { transition:0.3s ease; opacity:1; border: solid #999; border-width: 0 3px 3px 0; display: inline-block; position:absolute; padding: 5px; top:12px; right:25px; cursor:pointer; transform: rotate(135deg); -webkit-transform: rotate(135deg); } #dovanos_list .swiper-b-next.swiper-button-disabled, #dovanos_list .swiper-b-prev.swiper-button-disabled { opacity:0; } .dovana_item_price { display:inline-block; height:24px; line-height:24px; font-weight:600; color:var(--color-primary); font-size:13px; border-radius:0 4px 0 0; position:absolute; left:0; bottom:0; padding:0 7px; background-color:#fff; } .info_itm { transition:0.3s ease; opacity:0.8; background-image:url(images/info.png); background-repeat:no-repeat; background-position:center; background-size:24px auto; width:24px; height:24px; display:block; position:absolute; z-index:30; padding:10px; background-color:#fff; right:2px; cursor:pointer; bottom:2px; } .info_itm:hover { opacity:1; } .pi_hidder { width:100%; height:100%; display:block; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:429; } .pi_popup { padding:30px; border-radius:var(--radius-sm); position:fixed; width:430px; top:calc(50vh - 160px); left:calc(50% - 245px); z-index:430; background-color:#fff; } .pi_popup h2 { font-size:20px; font-weight:600; margin:0 0 15px 0; text-align:center; } .close_pi { transition:0.3s ease; cursor:pointer; position:relative; width:30px; height:30px; background-color:#efefef; border-radius:0 5px 0 0; margin-right:-30px; margin-top:-30px; display:block; float:right; } .close_pi:hover { background-color:#eee; } .close_pi::before { content:""; width:20px; height:2px; background:#000; position:absolute; left:calc(50% - 10px); top:calc(50% - 1px); transform:rotate(45deg); } .close_pi::after { content:""; height:20px; width:2px; background:#000; position:absolute; top:calc(50% - 10px); left:calc(50% - 1px); transform:rotate(45deg); } .pi_popup_img { width:150px; display:block; float:left; line-height:40%; } .pi_popup_img img { max-width:100%; } .pi_popup_text { width:calc(100% - 170px); float:right; font-size:15px; } .select_pi { transition:0.3s ease; margin-top:20px; background-image:url(images/checked.png); background-repeat:no-repeat; background-position:15px center; background-size:24px auto; display:block; float:left; width:calc(60% - 44px); padding-left:30px; height:46px; line-height:46px; cursor:pointer; border:2px solid var(--color-success); border-radius:var(--radius-sm); background-color:#fff; color:var(--color-success); font-size:16px; font-weight:600; text-transform:uppercase; text-align:center; } .rem_pi { transition:0.3s ease; display:block; float:right; width:calc(40% - 10px); color:#fff; text-align:center; background-color:#999; height:50px; line-height:50px;border-radius:var(--radius-sm); font-size:16px; font-weight:600; text-transform:uppercase; margin-top:20px; cursor:pointer; } .rem_pi:hover { background-color:#666; } .select_pi:hover { background-color:#ecffe6; } #papildomos_dovaneles .dovana_item { width:50%; float:left; } #papildomos_dovaneles .dovana_item_details p { font-size:15px; padding:0; margin:0; } #papildomos_dovaneles .dovana_item:nth-child(2n+3) { clear:both; } .flowers_list_new .sm_prod { width: calc(25% - 35px); height: 146px; margin:0 !important; margin-right:20px !important; padding: 206px 10px 10px 10px; padding-top: calc(25% - 14px); } .flowers_list_new .sm_prod:nth-child(4n) { margin-right:0 !important; } .flowers_list_new .sm_prod:nth-child(n+5) { margin-top:20px !important; } .flowers_list_new .sm_prod img.p { width: calc(100% - 20px); height: auto; } .flowers_list_new .sm_prod .control { background: url(images/sm_fader.png) no-repeat; position: absolute; background-size:100% 100%; height: 74px; width: calc(100% - 20px); left: 10px; top: calc(25% + 85px); } .flowers_list_new .flower_list_content { display:block; clear:both; max-height: 107px; overflow: hidden; } .flowers_list_new .flower_item span.price { top:calc(25% + 110px) !important; bottom: auto !important; } .flowers_list_new .sm_prod .control + a { display:block; line-height:40%; } .flowers_list_new .sm_prod span.info { height: 65px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .flowers_list_new .sm_prod span.botline.double { width:calc(100% - 20px); } .flowers_list_new .sm_prod span.botline.double > a { transition:0.3s ease; width:calc(50% - 5px); display:inline-block; } .flowers_list_new .sm_prod span.botline.double > a:nth-child(2) { margin-left:10px; } .flowers_list_new .sm_prod span.botline.double > a:first-child { background-color:#222; border-color:#535353; } .flowers_list_new .sm_prod span.botline.double > a:first-child:hover { background-color:#535353; } .floating-label { position: relative; margin-bottom: 16px; float:left; width: 100%; } .floating-label input, .floating-label select, .floating-label textarea { height:51px; width: 100% !important; padding: 14px 14px !important; box-sizing: border-box; border: 1.5px solid #ddd; background-color:#fff; border-radius: var(--radius-sm); outline: none; font-size: 16px; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .floating-label textarea { height:100px; } .floating-label select { padding-right:30px !important; } .floating-label input::placeholder, .floating-label textarea::placeholder, .floating-label select::placeholder { color: transparent; } .floating-label input:focus, .floating-label select:focus, .floating-label textarea:focus { border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-primary-bg); } .floating-label span { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); pointer-events: none; background: #fff; padding: 0 4px; padding-right:20px; color: #999; transition: top 0.2s ease, transform 0.2s ease, font-size 0.2s ease, color 0.2s ease; } .floating-label textarea + span { top:25px; } .floating-label.floating-label-smallp select + span { padding-right:20px; } .floating-label input:focus ~ span, .floating-label input:not(:placeholder-shown) ~ span, .floating-label select:focus ~ span, .floating-label select:valid ~ span, .floating-label textarea:focus ~ span, .floating-label textarea:not(:placeholder-shown) ~ span { top: -6px; left: 8px; padding-right:4px !important; font-size: 12px; color: var(--color-primary); transform: none; } .floating-label.floating-label-half { width:calc(50% - 5px); } .floating-label.floating-label-left { float:left; } .floating-label.floating-label-right { float:right; } .floating-label.floating-label-small { width:calc(15% - 5px); } .floating-label.floating-label-wide { width:calc(85% - 5px); } .floating-label.floating-label-smallp { width:calc(35% - 5px); } .floating-label.floating-label-widep { width:calc(65% - 5px); } .floating-label .city.selecttime { width: 100% !important; margin-left: 0 !important; margin-top:0 !important; padding-left: 10px !important; } #paynow li img.change_page_logo_size { padding-top:12px; padding-bottom:12px; } #paynow li img.change_page_logo_size:hover, #paynow li img.change_page_logo_size.on { padding-top:10px; padding-bottom:10px; } #paynow li { width: 159px; } #page .rside.rside_gn { float:right; width:calc(100% - 424px); } #page .lside.lside_gn { width:394px; } #page .rside.rside_gn .p_tocart, #page .rside.rside_gn .p_query { width:calc(50% - 8px) !important; margin:0 !important; } #page .rside.rside_gn .p_tocart { margin-right:8px !important; } .reviews_wrap { padding-bottom:30px; } .rside .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); } @media all and (min-width: 1181px) { .main_offer_img { height: 245px; overflow:hidden; } .main_offer .control { top: 186px; } .main_offer { margin-bottom:20px; } } @media all and (min-width: 970px) and (max-width: 1180px) { .main_offer_img { height: 245px; overflow:hidden; } .main_offer { margin-bottom:20px; } } @media all and (min-width: 560px) { } @media all and (min-width: 1180px) and (max-width: 1410px) { #top_menu .search { margin-right:10px } #top_menu ul { margin-left:10px } #top_menu .search input[type=text] { width:110px } #top_menu .search button[type=submit] { top:11px;left:auto; right:10px; } #top_menu nav > ul > li.gkat { margin-left:10px } #mph { width:96%;margin-left:1%;margin-right:1% } .mag .cnt { width:96% } .indiv { width:16%;margin-left:1%;margin-right:1%;height:170px;padding:10px;padding-left:1%;padding-right:1% } .indivvid { background-size:cover;width:100%;height:170px } #top_menu nav > ul > li { padding-left:5px; padding-right:5px; } #top_menu span.phone { padding: 20px 10px 25px 35px; background-position:10px center; } #top_menu span.email { padding: 20px 10px 25px 35px; background-position:10px center;} } @media all and (min-width: 1180px) { /* tabs icon handled in base */ #tabs li { padding-left:5px;padding-right:5px } } /* MOBILE */ @media all and (max-width: 1180px) { .atilist { -webkit-column-count:2 !important;-webkit-column-gap:30px !important;-moz-column-count:2 !important;-moz-column-gap:30px !important;column-count:2 !important;column-gap:30px !important;margin-top:30px } .atitem { border:none;width:auto;border-radius:var(--radius-lg);padding:30px 24px 20px;margin-top:16px } .atitem:first-child { margin-top:0 } .atitem span.laikasd { font-weight:normal;font-size:var(--font-size-sm);display:block;padding:7px 0 0 0;color:#ccc } } @media all and (min-width: 970px) and (max-width: 1180px) { .cnt { width:98%;margin:0 auto } #footer .garantijos a { width:236px;padding-top:26px;padding-bottom:28px;padding-left:63px } #footer .garantijos a.g1 { background:url(images/g1.png) 15px center no-repeat } #footer .garantijos a.g2 { background:url(images/g2.png) 15px center no-repeat } #footer .garantijos a.g3 { background:url(images/g3.png) 15px center no-repeat; border-right:1px solid var(--color-bg) } #footer .lside { float:left;width:330px;border-right:1px solid var(--color-bg) } #footer .rside { width:60% } .dovpristmen { display:none } #categs { list-style-type:none;width:49%;padding:0;margin:0;float:left } #categs li { width:49%;margin-bottom:10px;margin-right:2%;display:block;float:left;margin-bottom:10px } #categs li:nth-child(2n) { margin-right:0 } #categs li a { color:#222;padding:22px 15px 25px 15px;padding-left:5%;padding-right:5%;width:90%;text-decoration:none;display:block;font-weight:600;text-transform:uppercase;font-size:var(--font-size-base);background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:95% 86%;margin:0 } #categs li a img { width:100%;height:auto;margin-bottom:8px;border-radius:var(--radius-sm) } .main_offer { width:calc(46% - 40px); } .main_offer .img { width:100%; height:auto; aspect-ratio:540/430; } .main_offer .control { display:none; } #main_points { width: 54%; margin-left: -40px; } .main_points_img { width: 225px; } .main_points_info { width: calc(100% - 240px); height: 144px; } .main_points_info p { font-size: 10.5pt; margin-bottom: 4px; } .main_points_title { margin-bottom:0; font-size: 15pt; } .mid_prod { width:45%;height:170px;float:left;background:#fff;position:relative;padding:15px;border-radius:var(--radius-sm) } .mid_prod img.p { width:30%;height:auto;border-radius:var(--radius-sm);float:left;margin-right:14px } .mid_prod .control { display:none } .mid_prod a.title { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-md);height:50px; overflow: hidden; display: block; } .mid_prod span.info { display:inline-block;color:#444;font-size:var(--font-size-base);width:65%;line-height:150%;padding:5px 0; overflow: hidden; height: 50px; } .mid_prod span.price { display:inline-block;float:right;background:var(--color-price-bg);padding:2px 5px 3px 5px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .mid_prod span.botline { display:block;position:absolute;bottom:15px;width:100%;right:15px;border-top:none } .newest_offers .gift_option.no-pad.no-pad-2 { max-width: calc(50% - 65px); padding-right: 0; margin-right: 3px; padding-left: 27px; } #top_menu span.phone { display:none } #top_menu ul { margin-left:10px } #top_menu nav > ul > li.gkat { margin-left:5px } #top_menu span.email { display:none; padding:20px 15px 25px 30px;background:url(images/ico_mail.png) 9px center no-repeat } #top_menu .search button[type=submit] { left:auto;right:10px } #top_menu .search input[type=text] { width:110px;padding-left:10px } #top_menu .search { margin-right:10px } .rside { float:right;margin-left:0px;width:75% } div.sm_prod:nth-child(4n+2) { margin-right:20px } div.sm_prod:nth-child(2n+2) { margin-right:0px } .mid_prod span.botline { display:block;position:absolute;bottom:15px;width:63%;right:15px;border-top:1px solid var(--color-border) } .sm_prod { width:46%;height:170px;float:left;margin:0 15px 20px 0;background:#fff;position:relative;padding:10px 10px 17px 10px;border-radius:var(--radius-sm);overflow:hidden } .sm_prod img.p { width:130px;height:auto;border-radius:var(--radius-sm);position:absolute;top:10px;left:10px;z-index:0 } .sm_prod .control { background:url(images/sm_fader.png) no-repeat;position:absolute;height:74px;z-index:1;width:130px;left:10px;top:76px;border-radius:0 0 5px 0 } .sm_prod .control .stars { margin-top:52px } .sm_prod .control a.comments { margin-top:48px } .sm_prod span.price { display:inline-block;position:absolute;z-index:2;left:20px;top:157px;width:90px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary);text-align:center } .flower_item span.price { top:auto !important;bottom:10px !important;z-index:300;font-size:var(--font-size-base) !important } .sm_prod a.title { text-decoration:underline;font-weight:700;color:#222;font-size:var(--font-size-base);display:block;width:calc(100% - 145px);float:right } .sm_prod a.title:hover { color:var(--color-primary);text-decoration:none } .sm_prod span.info { display:inline-block;color:#505050;font-size:var(--font-size-xs);line-height:150%;padding:5px 0 20px 0;position:relative;width:calc(100% - 145px);float:right } .sm_prod span.botline { border-top:1px solid var(--color-border);display:block;position:absolute;bottom:10px;background:#FFF;width:calc(100% - 165px);bottom:10px;right:10px;float:right } .sm_prod .gift_option.no-pad.no-pad-2 { display: none; } .sm_prod span.botline img { position:absolute;right:0;top:-21px } .sm_prod .gift_option { font-weight:normal;margin-top:10px;padding-top:1px;padding-bottom:1px;padding-right:7px;margin-right:7px;max-width:43%;padding-left:13%;overflow:hidden;height:20px } .sm_prod .no-pad { border-right:0;margin-right:0;padding-right:0 } .sm_prod a.readmore, span.addreview { display:block;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 0;text-align:center } #page .lside { float:left;width:42% } #page .rside { float:right;width:56%;color:#222;font-size:var(--font-size-base) } #page .rside h1 { font-weight:600;border-bottom:0;font-size:1.4rem;margin:0;padding:0 } #page .rside.rside_gn { float:right; width:calc(100% - 424px); } #page .lside.lside_gn { width:394px; } #big_photo { width:100% !important;border-radius:var(--radius-sm) } #min_ph { float:left;width:87%;margin-left:2% } #min_ph ul { text-align:center } #min_ph ul li { display:inline-block;padding:0 0px;padding-left:1%;padding-right:1%;width:29% } #min_ph ul li img { width:100%;height:auto;border-radius:var(--radius-sm);cursor:pointer;border:#fff solid 2px;min-width:65px } #min_ph ul li img:hover, #min_ph ul li img.on { width:100%;height:auto;border:var(--color-primary) solid 2px } #min_next { float:right;padding:16px 0 28px 5px;cursor:pointer } #min_prev { float:left;padding:16px 5px 28px 0;cursor:pointer } .param { float:left;width:41%;border-bottom:1px solid var(--color-border);padding:15px 0 15px 30px;padding-left:9%;background:url(images/fake3.png) left center no-repeat;color:#444;line-height:95% } .param:nth-child(2n) { background:url(images/fake3.png) 15px center no-repeat;padding:15px 0 15px 45px;padding-left:12%;width:38% } .p_tocart, .p_tocart1, a.spec_more { border-bottom:2px solid var(--color-primary-dark); background-position:left 5% center; margin-right:2%; width:50%; padding-left:30px; } .p_query { width:calc(48% - 62px); } #tabs li { font-size:var(--font-size-md) } .mid_prod .gift_option { padding-right:4px;padding-bottom:1px;margin-right:3px } .gift_option a { color:#444 } .rs { float:right;width:48% } .ls { float:left;width:48%;padding-right:2% !important } .geles { width:76%;padding-right:30px } .datum { width:43% !important;padding-left:2% !important;padding-right:4% !important } .selecttime { width:47.5% !important;margin-left:2% !important } .gelform input[name=gadr] { width:58% !important } .in_form { width:100% } .city.selecttime { width:33.5% !important;margin-left:1% !important;padding-left:1% !important;padding-right:30px } .in_form input[type="text"], .in_form textarea, #query_form input, #query_form textarea, #query_form2 input, #query_form2 textarea { width:94%;padding-left:3%;padding-right:3% } #paynow li { margin-right:2%;margin-bottom:15px;width:18.4%;text-align:center;display:block;float:left } #paynow li img { padding:17px 12px;max-width:90%;padding-left:5%;padding-right:5% } #paynow li:nth-child(6n) { margin-right:2% } #paynow li:nth-child(5n) { margin-right:0 } .gline { clear: both } #query_form textarea { height:100px } .in_form input.dis_in { width:140px;border-right:0 } .op_ul li { margin-right:10px !important } .gift_option { font-size:var(--font-size-base);padding-left:30px;padding-right:10px } #partners { margin-top:15px;border-bottom:1px solid var(--color-border-light) } #partners span { display:inline-block;width:23%;height:130px;padding:5px;border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);text-align:center } #partners span a div.cell { width:90%;height:108px;display:table-cell;vertical-align:middle;text-align:center } #partners span a img { width:90% !important;max-height:125px } .duk_item a{ width:40% !important } .duk_item a img { width:40% !important } #top_menu ul li ul { position:absolute;display:none;z-index:10;background:#FFF;padding:25px 0;margin:0 auto;top:70px;left:0;right:0;width:960px;min-height:150px;background:#fff;box-shadow:0 4px 15px 0 rgba(0, 0, 0, 0.15);padding-left:10px } #top_menu ul li ul li { display:inline-block;width:150px;padding:0 0 0 7px } #top_menu ul li ul li:hover { padding:0 0 0 7px } .submenu { width:970px;margin:0 auto;padding-bottom:39px } #mph { width:96%;margin-left:1%;margin-right:1%;height:180px } #mnext, #mprev { margin-top:68px } .mag .cnt { width:96% } a.xis { height:140px;width:100% } .indiv { width:16%;margin-left:1%;margin-right:1%;height:140px;padding:10px;padding-left:1%;padding-right:1% } .indivvid { background-size:cover;width:100%;height:140px } .params_tab { font-size:var(--font-size-base) } .gselect { width:80% !important;padding-right:30px } .p_tocart, .p_tocart1, .p_query, a.spec_more { font-size:var(--font-size-lg) } #top_menu nav > ul > li { padding-left:10px; padding-right:10px; } #atsiliepimai_first .cnt { grid-template-columns:repeat(2, 1fr) } #pagal_price p.extra_product_name { margin-top:23%; } #papildomai_suma { margin-bottom: 20%; } .flowers_list_new .sm_prod { padding-top: calc(25vw - 25px); } .flowers_list_new .sm_prod .control { top: calc(25vw - 108px); } .flowers_list_new .flower_item span.price { top: calc(25vw - 79px) !important; } .flowers_list_new .sm_prod a.title, .flowers_list_new .sm_prod span.info { width: 100%; float:none; } .flowers_list_new .sm_prod span.info { height: 53px; } .flowers_list_new .flower_list_content { max-height: 102px; } .flowers_list_new .sm_prod { height: 138px; } } @media all and (min-width: 1100px) and (max-width: 1180px) { #pagal_price .papild_text { font-size: 10.5pt; } } @media all and (min-width: 760px) and (max-width: 969px) { .cnt { width:96%;margin:0 auto } .dovpristmen, #top_menu span.phone, #top_menu span.email { display:none } #top_menu .search { margin-right:10px } #footer .garantijos a { background-size:auto 30px; background-position:left 10px center !important; width:calc(33.33% - 52px); display:block; float:left; padding-top:15px; line-height:20px; height:40px; padding-bottom:15px;padding-left:50px; } #footer .lside { float:left;width:28%;border-right:1px solid var(--color-bg) } #footer .rside { width:71% } #footer .rside li { width:24%;display:inline-block;padding:0;margin:0;float:left } #footer .lside ul li a { padding-left:9px;font-size:var(--font-size-xs) } #footer .lside iframe { width:97% !important } #footer .rside li a { font-size:var(--font-size-xs) } #categs { list-style-type:none;width:48%;padding:0;margin:0;float:left } #categs li { width:48%;margin-bottom:12px;margin-right:4%;display:block;float:left } #categs li:nth-child(2n) { margin-right:0 } #categs li a { color:#222;padding:8px 10px 35px 10px;width:92%;padding-left:4%;padding-right:4%;text-decoration:none;display:block;font-weight:600;text-transform:uppercase;font-size:var(--font-size-xs);background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:48% 93%;margin:0;text-align:center } #categs li a img { width:100%;height:auto;margin-bottom:0px;border-radius:var(--radius-sm) } #top_menu ul { margin-left:20px } #top_menu nav > ul > li.gkat { margin-left:5px;padding-right:5px } #top_menu .search input[type=text] { width:88px;padding:7px 18px 8px 10px } #top_menu .search button[type=submit] { top:12px;left:auto;right:5px } a.insta { margin-left:4% } #main_points { width:580px; margin-left:auto; margin-right:auto; float:none; padding-right:40px; } .main_offer { float:none; margin-left:auto; margin-right:auto; } .prenum_block { float:none; margin-top:20px; } .mid_prod { width:43.5%;height:220px;float:left;background:#fff;position:relative;padding:15px;border-radius:var(--radius-sm) } .mid_prod img.p { width:30%;height:auto;border-radius:var(--radius-sm);float:left;margin-right:10px } .mid_prod .control { display:none } .mid_prod a.title { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-md);height:50px;position:absolute;top:45px;right:15px;width:60% } .mid_prod span.info { display:inline-block;color:#444;font-size:var(--font-size-base);width:100%;line-height:150%;padding:5px 0 } .mid_prod span.price { display:inline-block;float:right;background:var(--color-price-bg);padding:2px 5px 3px 5px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .mid_prod span.botline { display:block;position:absolute;bottom:15px;width:90%;right:15px;border-top:none } .mid_prod .gift_option { padding-right:10px;padding-bottom:1px;margin-right:10px } .newest_offers .gift_option.no-pad.no-pad-2 { max-width: calc(50% - 80px); } .rside { float:none;margin-left:0px;width:100% } .lside { width:216px; margin-left:auto; margin-right:auto; float:none; margin-top: 30px; text-align:center; } .sm_prod { width:calc(33.33% - 30px); height:163px;float:left;margin:0 0px 20px 0;margin-right:15px; background:#fff;position:relative;padding:206px 10px 10px 10px;border-radius:var(--radius-sm);overflow:hidden;position:relative } .sm_prod span.botline { width:90%; left:5%; } .sm_prod .gift_option.no-pad.no-pad-2 { display: none; } .sm_prod span.info, .sm_prod a.title { width:90%; margin-left:5%; } .sm_prod img.p { width:196px;height:196px;border-radius:var(--radius-sm);position:absolute;top:10px;left:50%;margin-left:-98px;z-index:0 } .sm_prod .control { background:url(images/sm_fader.png) no-repeat;position:absolute;height:74px;z-index:1;width:196px;left:50%;margin-left:-98px;top:132px } .sm_prod span.price { display:inline-block;position:absolute;right:13%;top:20px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } div.sm_prod:nth-child(4n+2) { margin-right:15px } div.sm_prod:nth-child(3n+2) { margin-right:0px; } #page .lside { float:left;margin:0 auto;position:relative;left:50%;margin-left:-197px } #page .rside { margin-top:15px; width:100%;color:#222;font-size:var(--font-size-base) } a.xis p { display:none } .lside .block { margin-left:auto; margin-right:auto; text-align: left; } #page .rside h1 { font-weight:600;border-bottom:0;font-size:1.4rem;margin:0;padding:0 } .param { float:left;width:40%;border-bottom:1px solid var(--color-border);padding:15px 0 15px 30px;background:url(images/fake3.png) left center no-repeat;color:#444;line-height:95% } .param:nth-child(2n) { background:url(images/fake3.png) 15px center no-repeat;padding:15px 0 15px 45px;width:38% } .p_query { float:right;width:165px } #tabs li { margin-right:15px;font-size:var(--font-size-md) } #page .fb-like { display:none } #page .rside.rside_gn { float:right; width:calc(100% - 324px); } #page .lside.lside_gn { width:294px; left:0; margin-left:0; } #page .lside.lside_gn img { max-width:100%; } #page .rside.rside_gn .p_tocart, #page .rside.rside_gn .p_query { width:calc(50% - 8px) !important; margin:0 !important; } #page .rside.rside_gn .p_tocart { margin-right:8px !important; } #tabs li span { color:var(--color-primary) } /* tabs hover handled in base */ .mid_prod .gift_option { padding-right:4px;padding-bottom:1px;margin-right:3px } .rs { float:right;width:48% } .ls { float:left;width:47%;padding-right:2.5% !important } .in_form { width:100% } .in_form input[type=text], .in_form textarea, #query_form input, #query_form textarea, #query_form2 input, #query_form2 textarea { width:92%;padding-left:4%;padding-right:4% } .qtww { width:10% !important;margin-right:4% !important;padding-left:4% !important;padding-right:4% !important } .gselectxx { width:77% !important;padding-left:4% !important;padding-right:30px !important } .datum { width:43% !important;margin-right:2% !important } .selecttime { width:46% !important;margin-left:0 !important;padding-right:20px !important;background-position:right 5px center !important;padding-left:2% !important } .city.selecttime { width:100% !important;margin-left:0 !important;margin-top:5px;padding-right:30px !important;background-position:right 15px center !important;padding-left:4% !important } .gelform input[name=gadr] { width:92% !important } #paynow li { margin-right:2%;margin-bottom:15px;width:23.5%;text-align:center;display:block;float:left } #paynow li img { padding:17px 12px;max-width:90%;padding-left:5%;padding-right:5% } #paynow li:nth-child(6n) { margin-right:2% } #paynow li:nth-child(4n) { margin-right:0 } .gline { clear:both } .in_form input.dis_in { width:140px;border-right:0 } .op_ul li { margin-right:10px !important } .gift_option { font-size:var(--font-size-base);padding-left:30px;padding-right:10px } .duk_item a{ width:40% !important } .duk_item a img { width:40% !important } #query_form, #query_form2 { background:#fff;border:var(--color-border-light) solid 2px;padding:25px;border-radius:15px;width:646px;top:50px;position:fixed;z-index:88889;left:46%;margin-left:-323px } #top_menu ul li ul { width:600px;z-index:20;background:#fff } #top_menu ul li ul { min-height:320px !important } #mph { width:94%;margin-left:1.5%;margin-right:1.5%;height:150px } #mnext, #mprev { margin-top:54px } .mag .cnt { width:96% } a.xis { height:110px;width:100% } .indiv { width:16%;margin-left:1%;margin-right:1%;height:110px;padding:10px;padding-left:1%;padding-right:1% } .indivvid { background-size:cover;width:100%;height:110px } .p_tocart, .p_tocart1, a.spec_more { width:230px } .p_tocart, .p_tocart1, .p_query, a.spec_more { font-size:var(--font-size-lg); } .gselectx { width:77% !important;padding-right:30px } #top_menu nav > ul > li { padding-left:10px; padding-right:10px; } .search { display:none; } #top_menu ul { float:right; margin-right:15px; } #atsiliepimai_first .atitem { width:90%; padding-left:5%; padding-right:5%; margin-right:0; margin-left:0; float:none; height:auto !important; margin-bottom:20px; } #tab li a { padding: 8px 6px !important; font-size: 9pt !important; margin-right:5px !important; } #tab li { height: 29px !important; } #tab { padding: 0 !important; } #tab li:last-child a { margin-right:0 !important; } #pagal_price p.extra_product_name { margin-top:23%; } #papildomai_suma { margin-bottom: 18%; } #pagal_price .papild_text { font-size: 10.5pt; } .flowers_list_new .sm_prod { padding-top: calc(33.33vw - 33.33px); width: calc(33.33vw - 52px); } .flowers_list_new .sm_prod span.info, .flowers_list_new .sm_prod a.title { width: calc(100% - 10px); margin-left: 5px; } .flowers_list_new .sm_prod:nth-child(4n) { margin-right:20px !important; } .flowers_list_new .sm_prod:nth-child(3n) { margin-right:0px !important; } .flowers_list_new .sm_prod:nth-child(n+4) { margin-top:20px !important; } .flowers_list_new .sm_prod .control { top: calc(33.33vw - 116px); margin-left:0; } .flowers_list_new .flower_item span.price { top: calc(33.33vw - 88px) !important; right: 20px; } .flowers_list_new .sm_prod a.title, .flowers_list_new .sm_prod span.info { width: 100%; float:none; } .flowers_list_new .sm_prod span.info { height: 62px; } .flowers_list_new .flower_list_content { max-height: 111px; } .flowers_list_new .sm_prod { height: 145px; } .flowers_list_new .sm_prod img.p { left: 10px; margin-left: 0; } .floating-label.floating-label-smallp, .floating-label.floating-label-widep, .floating-label.floating-label-half { width:100%; } .floating-label.floating-label-small { width: calc(20% - 5px); } .floating-label.floating-label-wide { width: calc(80% - 5px); } } @media all and (min-width: 850px) and (max-width: 969px) { #pagal_price .papild_text { font-size: 11pt; } #papildomai_suma { margin-bottom: 23%; } } @media all and (min-width: 539px) and (max-width: 759px) { .cnt { width:94%;margin:0 auto } .dovpristmen { display:none } .site_links { width:100%;background:#FFF;padding:3px 0 8px 0;margin-top:5px;margin-bottom:30px } .atilist { -webkit-column-count:1 !important;-webkit-column-gap:30px !important;-moz-column-count:1 !important;-moz-column-gap:30px !important;column-count:1 !important;column-gap:30px !important;margin-top:30px } .atitem { -webkit-column-break-inside:avoid;page-break-inside:avoid;border:2px solid var(--color-border-light);break-inside:avoid-column;width:79%;padding-left:0;padding-right:0;border-radius:var(--radius-sm);background-position:center 27px;background-color:#fff;padding:55px 0 30px 0;margin-top:30px;padding-left:10%;padding-right:10% } .site_links a { padding-right:18px;margin-right:6px;position:relative;color:#767676;text-transform:uppercase;font-size:var(--font-size-xs) } #content { padding-top:45px;min-height:400px } #top_menu span.phone, #top_menu .search, #top_menu span.email { display:none } h1 { font-size:2rem } #top_menu .logo { width:200px } #top_menu { height:50px } #top_menu ul { padding:0;margin:6px 0 0 0px;list-style-type:none;float:right; } #top_menu nav > ul > li { padding-left:6.5px; padding-right:6.5px; margin-top:-5px; padding-top:20px; background-size:auto 14px; background-image:url(images/dk-icon.png); background-position:center top 3px; background-repeat:no-repeat; } #top_menu nav > ul > li.gkat { background-image:url(images/geles-icon.png); background-size:auto 16px; background-position:center top; } #top_menu nav > ul > li > a { font-size: 8.5pt; } #top_menu ul li ul { position:absolute;display:none;z-index:10;padding:5px 0;margin:0 auto;top:50px;width:100%;height:210px !important;min-height:210px !important } #top_menu ul li ul li ul li a { display:none } #top_menu ul li ul li:hover { padding:8px 0px;border:none;border-right:none;border-bottom:1px solid var(--color-border);text-decoration:none } #top_menu ul li ul li { display:block;width:100%;margin:0;padding:8px 0px;border:none;height:auto;text-align:center;border-right:none;border-bottom:1px solid var(--color-border) } #top_menu ul li ul li:last-child, #top_menu ul li ul li:last-child a { border-right:0 } /* submenu controlled by JS */ ul.submenu li:last-child { clear:both } #top_menu ul li ul li a { color:#222;border:0;padding:0;margin:0;text-decoration:underline } #top_menu ul li ul li a:hover { padding:0;text-decoration:none } #footer .garantijos a { width:120px;padding-top:26px;padding-bottom:18px;padding-left:53px;font-size:var(--font-size-base) } #footer .garantijos a.g1 { background:url(images/g1.png) 7px center no-repeat } #footer .garantijos a.g2 { background:url(images/g2.png) 7px center no-repeat } #footer .garantijos a.g3 { background:url(images/g3.png) 7px center no-repeat;border-right:1px solid var(--color-bg);width:120px } #footer .lside { float:none;width:380px;margin:0 auto;border-right:none } #footer .lside .fb-page { padding:10px 10px !important } #footer .rside { width:100%;margin-top:30px } #footer .rside li { width:25%;display:inline-block;padding:0;margin:0;float:left } #footer .vb a.phone { padding-right:10px;margin-right:10px;border-right:1px solid var(--color-bg);/* icon removed */ } #categs { list-style-type:none;width:100%;max-width:600px;padding:0;margin:0 auto;float:none } #categs li { width:49%;margin-bottom:12px;margin-right:0px } #categs li:nth-child(2n) { float:right } #categs li a { color:#222;padding:10px 4%;width:92%;text-decoration:none;display:block;font-weight:600;text-transform:uppercase;font-size:var(--font-size-lg);background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:95% 93%;margin:0 } #categs li a img { width:100%;height:auto;margin-bottom:0px;border-radius:var(--radius-sm) } #main_points { max-width:100%; width:580px; margin-left:auto; margin-right:auto; float:none; padding-right:0px; padding-left:0; } .main_offer { float:none; margin-left:auto; margin-right:auto; max-width:calc(100% - 30px); } .main_offer .img { max-width:100%; height:auto; aspect-ratio:540/430; } .main_offer .control { display:none; } .prenum_block { float:none; margin-top:20px; } .main_points_info { width: calc(100% - 245px); height: 148px; } .main_points_img { width: 232px; } .main_points_title { font-size: 15pt; } .prenum_block > div { width: 450px; } .mid_prod { width:94%;max-width:540px;height:170px;float:none;margin:0 auto;background:#fff;position:relative;padding:15px;border-radius:var(--radius-sm) } .mid_prod:first-child { margin-right:0px;float:none;margin:0 auto;margin-bottom:10px } .mid_prod img.p { width:30%;max-width:170px;height:auto;border-radius:var(--radius-sm);float:left;margin-right:14px } .mid_prod .control { display:none } .mid_prod .control a.comments { margin-top:48px } .mid_prod .control .stars { margin-top:52px } .mid_prod span.price { display:inline-block;float:right;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .mid_prod a.title { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-xl);height:50px } .mid_prod a.title:hover { color:var(--color-primary) } .mid_prod span.info { display:inline-block;color:#444;font-size:var(--font-size-base);width:64%;max-width:355px;line-height:150%;padding:15px 0 } .mid_prod span.botline { display:block;position:absolute;bottom:15px;width:64%;background:#fff;max-width:355px;right:15px;border-top:1px solid var(--color-border) } .mid_prod .gift_option { font-weight:normal;margin-top:10px;padding-right:15px;padding-bottom:1px;margin-right:15px } .mid_prod a.readmore, .news_item a.readmore { float:right;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 29px 4px 29px } .mid_prod a.readmore:hover, .news_item a.readmore:hover { box-shadow:2px 2px 6px 0 rgba(0, 0, 0, 0.15) inset;background:var(--color-primary-dark) } .newest_offers .gift_option.no-pad.no-pad-2 { max-width: calc(50% - 65px); padding-right: 0; margin-right: 3px; padding-left: 27px; } .lside { width: 216px; margin-left: auto; margin-right: auto; float: none; margin-top: 30px; text-align: center; } .lside .block { margin-left: auto; margin-right: auto; text-align: left; } .lside a { display:block } .lside a img { width:196px !important;display:block;margin-bottom:10px } .rside { float: none; margin-left: 0px; width: 100%; } .sm_prod { width:94%;height:170px;float:left;margin:0 15px 20px 0;background:#fff;position:relative;padding:10px 10px 17px 10px;border-radius:var(--radius-sm);overflow:hidden } .sm_prod img.p { width:130px;height:auto;border-radius:var(--radius-sm);position:absolute;top:10px;left:10px;z-index:0 } .sm_prod .control { background:url(images/sm_fader.png) no-repeat;position:absolute;height:74px;z-index:1;width:130px;left:10px;top:76px;border-radius:0 0 5px 0 } .sm_prod .control .stars { margin-top:52px } .sm_prod .control a.comments { margin-top:48px } .sm_prod span.price { display:inline-block;position:absolute;z-index:2;left:20px;top:157px;width:90px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary);text-align:center } .flower_item span.price { top:auto !important;bottom:10px !important;font-size:var(--font-size-base) } .sm_prod a.title { text-decoration:underline;font-weight:700;color:#222;font-size:var(--font-size-base);display:block;width:calc(100% - 153px);float:right } .sm_prod span.info { display:inline-block;color:#505050;font-size:var(--font-size-xs);line-height:150%;padding:5px 0 20px 0;position:relative;float:right; width: calc(100% - 173px); right: 10px; } .sm_prod span.botline { border-top:1px solid var(--color-border);display:block;position:absolute;bottom:10px;background:#FFF;width: calc(100% - 173px);bottom:10px;right:10px;float:right } .sm_prod .gift_option.no-pad.no-pad-2 { display: none; } .sm_prod .gift_option { font-weight:normal;margin-top:10px;padding-top:1px;padding-bottom:1px;padding-right:6px;margin-right:6px } .sm_prod .no-pad { border-right:0;margin-right:0;padding-right:0 } .sm_prod a.readmore, span.addreview { display:block;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 0;text-align:center } #page { border:var(--color-border-light) solid 2px;padding:18px;background:#FFF;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:#222 } #page .lside { float:left;margin:0 auto;margin-top:20px;position:relative;width:100% } #page .rside { float:right;width:100%;color:#222;font-size:var(--font-size-base) } #page .rside h1 { font-weight:600;border-bottom:0;font-size:1.375rem;margin:0;padding:0 } .param { float:left;width:37%;border-bottom:1px solid var(--color-border);padding:15px 0 15px 25px;padding-left:12%;background:url(images/fake3.png) left center no-repeat;color:#444;height:45px;line-height:95% } .param:nth-child(2n) { background:url(images/fake3.png) 6px center no-repeat;padding:15px 0 15px 45px;padding-left:12%;width:37% } .p_tocart, .p_tocart1, .p_query, a.spec_more { font-size:var(--font-size-md) } .p_tocart, .p_tocart1, a.spec_more, .p_query { margin-right:0px;width:100%;margin-bottom:10px } .p_query { width:calc(100% - 6px); } #big_photo { width:100% !important;border-radius:var(--radius-sm) } #min_ph { float:left;width:85%;margin-left:2% } #min_ph ul { text-align:center } #min_ph ul li { display:inline-block;padding:0 5px;width:28% } #min_ph ul li img { width:100%;height:auto;border-radius:var(--radius-sm);cursor:pointer } #min_ph ul li img:hover, #min_ph ul li img.on { width:100%;height:auto;border:var(--color-primary) solid 2px } #min_next { float:right;padding:16px 0 28px 5px;cursor:pointer } #min_prev { float:left;padding:16px 5px 28px 0;cursor:pointer } #tabs { margin-top:30px } #tabs li { font-size:var(--font-size-sm);padding:8px 12px } #page .fb-like { margin-top:-150px !important } .dukbox { -webkit-column-count: 1; -webkit-column-gap: 30px; -moz-column-count: 1; -moz-column-gap:30px; column-count:1; column-gap:30px; } .duk_item a, .duk_item a img { width:40% !important } h1.line { font-weight:600;text-align:center;padding-top:11px;margin:0px;font-size:var(--font-size-3xl);padding-left:0px !important } #checker { width:90%;border-collapse:collapse;border:0;margin-top:30px } #checker input[type=text] { border:#ddd solid 1px;border-radius:var(--radius-sm);padding:10px 18px;width:70%;font-size:var(--font-size-md);box-shadow:0 0 7px 2px rgba(0, 0, 0, 0.03) inset;padding-right:90px;margin-bottom:0 } .site_links a { padding-right:10px;margin-right:6px;font-size:0.625rem } .rs { float:right;width:100% } .ls { float:left;width:100% } #paynow li { margin-right:2%;margin-bottom:15px;width:32%;text-align:center;display:block;float:left } #paynow li img { padding:17px 12px;max-width:90%;padding-left:5%;padding-right:5% } #paynow li:nth-child(6n) { margin-right:2% } #paynow li:nth-child(3n) { margin-right:0 } .gline { clear:both } #query_form, #query_form2 { width:calc(90% - 50px); top: 30px; left: 5%; margin-left: 0; } #query_form input, #query_form2 input, #query_form textarea, #query_form2 textarea { width:calc(100% - 42px); } .q_table tbody tr:first-child td:first-child { width:50% !important } #mph { width:92%;text-align:center;margin-left:2%;margin-right:2%;height:380px } #mnext, #mprev { margin-top:64px } .mag .cnt { width:96% } a.xis { height:150px;width:100% } .indiv { width:27.33%;float:none;margin-left:1.5%;margin-right:1.5%;height:150px;padding:10px 1.5% } .indivvid { background-size:cover;width:100%;height:150px } .qtww { width:10% !important;margin-right:4% !important;padding-left:4% !important;padding-right:4% !important } .gselectx { width:76% !important;padding-left:4% !important;padding-right:30px !important } .gselectxx { width:77% !important;padding-left:4% !important;padding-right:30px !important } .in_form input[type=text], .mms, .in_form textarea, #query_form input, #query_form textarea, #query_form2 input, #query_form2 textarea { width:92%;padding-left:4%;padding-right:4% } .in_form { width:100% } .in_form input[name=gadr] { width:92% !important } .datum { width:43% !important;margin-right:2% !important } .selecttime { width:46% !important;margin-left:0 !important;padding-right:20px !important;background-position:right 5px center !important;padding-left:2% !important } .city.selecttime { width:100% !important;margin-left:0 !important;margin-top:5px;padding-right:30px !important;background-position:right 15px center !important;padding-left:4% !important } #footer .vb a.phone, #footer .vb a.email { display:block;float:right;clear:right } #footer .vb a.phone { margin-top:5px } h2.new { margin-top:-15px !important; } #atsiliepimai_first .atitem { width:90%; padding-left:5%; padding-right:5%; margin-right:0; margin-left:0; float:none; height:auto !important; margin-bottom:20px; } a.vall { margin-top:19px } #tab li a { padding: 8px 10px !important; font-size: 10.5pt !important; margin-right:0 !important; display:block; } #tab li { height: auto !important; width:100% !important; margin-bottom:5px; } #tab { padding: 0 !important; border-bottom:0 !important; } #tab li:last-child a { margin-right:0 !important; } #tab li a.on { border: 2px solid var(--color-primary) !important; } .extra_list ul li label > span p.extra_product_name { padding:0; height: 70px; font-size: 9pt; } .extra_list ul li label > span { padding:10px } .extra_list ul li label > span p.extra_product_price { padding:0; } #pagal_price p.extra_product_name { margin-top:18%; } #papildomai_suma { margin-bottom:0; } #pagal_price .papild_text { font-size: 8pt; } #papildomai_label { height:100%; } #papildomai_label > span { height: calc(33.33vw + 5px); } #dovanos_list h2 { margin: 0 0 10px 0; line-height: 110%; font-size: 17px; padding-right: 45px; } .pi_popup { width: calc(100% - 120px); top: calc(50vh - 160px); left: 30px; } #papildomos_dovaneles .dovana_item { width:100%; float:left; margin-bottom:10px; } #papildomos_dovaneles .dovana_item_p { width: calc(100% - 20px); margin: 0px; } .flowers_list_new .sm_prod { padding-top: calc(50vw - 34px); width: calc(50% - 30px); } .flowers_list_new .sm_prod span.info, .flowers_list_new .sm_prod a.title { width: calc(100% - 10px); margin-left: 5px; } .flowers_list_new .sm_prod:nth-child(4n) { margin-right:20px !important; } .flowers_list_new .sm_prod:nth-child(2n) { margin-right:0px !important; } .flowers_list_new .sm_prod:nth-child(n+3) { margin-top:20px !important; } .flowers_list_new .sm_prod .control { top: calc(50vw - 118px); margin-left:0; } .flowers_list_new .flower_item span.price { top: calc(50vw - 92px) !important; right: 20px; } .flowers_list_new .sm_prod a.title, .flowers_list_new .sm_prod span.info { width: 100%; float:none; } .flowers_list_new .sm_prod span.info { height: 62px; position:relative; top:auto; right:auto; } .flowers_list_new .flower_list_content { max-height: 101px; } .flowers_list_new .sm_prod { height: 145px; } .flowers_list_new .sm_prod img.p { left: 10px; margin-left: 0; } #page .rside.rside_gn { float:right; width:100%; } #page .rside.rside_gn .p_tocart, #page .rside.rside_gn .p_query { width:100% !important; margin:0 0 8px 0 !important; } #page .lside.lside_gn { width:294px; left:50%; margin-left:-147px; margin-bottom:24px; } #page .lside.lside_gn img { max-width:100%; } } @media all and (min-width: 650px) and (max-width: 759px) { .rside { width:100% } .sm_prod a.title { text-decoration:underline;font-weight:700;color:#222;font-size:var(--font-size-base);display:block;width:calc(100% - 153px);float:right } .sm_prod span.info { display:inline-block;color:#505050;font-size:var(--font-size-xs);line-height:150%;padding:5px 0 20px 0;position:relative;width:calc(100% - 163px);float:right } .sm_prod span.botline { border-top:1px solid var(--color-border);display:block;position:absolute;bottom:10px;background:#FFF;width:calc(100% - 173px);bottom:10px;right:10px;float:right } #query_form input, #query_form2 input, #query_form textarea, #query_form2 textarea { width:90%; padding-left:5%; padding-right:5%; } .q_table tbody tr:first-child td:first-child { width:50% !important } #papildomai_label > span { height: calc(33.33vw - 8px); } #pagal_price .papild_text { font-size: 9pt; } } @media all and (min-width: 539px) and (max-width: 650px) { .sm_prod { position:relative } .sm_prod span.botline img, .sm_prod span.botline .gift_option { display:none } .sm_prod a.title { width:calc(100% - 153px); } .sm_prod span.info { padding:5px 0 20px 0;float:right;top:50px;width:calc(100% - 173px);height:60px;overflow-y:hidden;position:absolute;right:10px; } .sm_prod span.botline { width:calc(100% - 173px);bottom:10px;right:10px } } @media all and (max-width: 538px) { #dovanos_list h2 { margin: 0 0 10px 0; line-height: 110%; font-size: 17px; padding-right: 45px; } .cnt { width:96%;margin:0 auto } .dovpristmen { display:none } .moblside { display:block } #top_menu .logo { width:168px } #top_menu { height:42px } #price { display:block; text-align:center; margin-bottom:15px; margin-top:-15px; } a.vall { margin-top: 31px; } .atilist { -webkit-column-count:1 !important;-webkit-column-gap:30px !important;-moz-column-count:1 !important;-moz-column-gap:30px !important;column-count:1 !important;column-gap:30px !important;margin-top:30px } .atitem { -webkit-column-break-inside:avoid;page-break-inside:avoid;border:2px solid var(--color-border-light);break-inside:avoid-column;width:79%;border-radius:var(--radius-sm);background-position:center 27px;background-color:#fff;padding:55px 10% 30px 10%;margin-top:30px } #top_menu span.email, #top_menu span.phone{ display:none } .sbods { height:43px !important;background-color:#fff !important } .search { display:none;position:absolute;z-index:100;height:37px;top:-8px;background-color:#fff;margin:0 !important;width:100%;padding:10px 0 } .search.search2 { display:block } #top_menu .search input[type=text] { position:absolute;left:50%;margin-left:-108px;border:1px solid var(--color-border) } #top_menu .search button[type=submit] { top:22px;left:50%;z-index:101;margin-left:80px } #top_menu nav > ul { padding:0;float:left;margin:5px 0 0 0;list-style-type:none;float:right } #top_menu nav > ul > li { padding:5px 13px 7px 26px;color:transparent;background:url(images/cat-2.png) left 12px no-repeat;width:10px;overflow:hidden;height:15px } #top_menu nav > ul > li.gkat { padding: 0px 10px 15px 10px !important;width:41px;height:30px;float:left;background-image:none;overflow:hidden; text-align: center; } #top_menu nav > ul > li.gkat > a { padding:19px 0 0 0 !important;width:41px;height:30px;border:0;display:block;background-image: url(images/geles-icon.png); background-size: auto 18px; background-position: center top; background-repeat:no-repeat;} #top_menu nav > ul > li.gkat.dovr > a { background-image: url(images/dovanos-icon.png); } #top_menu nav > ul > li { margin-top:0px } #top_menu nav > ul > li.subit { padding: 0px 10px 15px 10px !important;background:center 2px !important;width:41px;height:30px;float:right;overflow:hidden; margin-right: 10px; text-align: center; } #top_menu nav > ul > li.subit > a { padding:19px 0 0 0 !important;width:41px;height:30px;border:0;display:block;background: url(images/cat-2.png) center 3px no-repeat; } #top_menu nav > ul > li > a { font-size:var(--font-size-base);color:transparent;text-decoration:none } #top_menu nav > ul > li:hover { border-radius:var(--radius-sm);padding:0 } #top_menu nav > ul > li > ul { position:absolute;display:none;z-index:10;padding:5px 0;margin:0 auto;top:42px;height:277px !important;min-height:277px !important;width:100% } #top_menu nav > ul > li > ul > li > ul, .dovpristmen { display:none !important } #top_menu nav > ul > li > ul > li > ul > li > a { display:none } #top_menu nav > ul > li > ul > li:hover { padding:8px 0;border:none;border-right:none;border-bottom:1px solid var(--color-border);text-decoration:none } #top_menu nav > ul > li > ul > li { display:block;width:100%;margin:0;padding:8px 0;border:none;height:30px;text-align:center;border-right:none;border-bottom:1px solid var(--color-border) } #top_menu nav > ul > li > ul > li:last-child, #top_menu nav > ul > li > ul > li:last-child > a { border-right:0 } /* #top_menu nav > ul > li:hover > ul.submenu { display:block } */ ul.submenu > li:last-child { clear:both } #top_menu nav > ul > li > ul > li > a { color:#222;border:0;padding:0;margin:0;text-decoration:underline } #top_menu nav > ul > li > ul > li > a:hover { padding:0;text-decoration:none } #top_menu nav > ul > li > a:nth-child(1) { display: none; } #top_menu nav > ul > li > a:nth-child(2) { color: #fff; font-size: 7pt; } .mob-nav-a { display: block; } #categs { list-style-type:none;width:100%;max-width:100%;padding:0;margin:0 auto;float:none } .gselect { width:85% !important;padding-right:10% !important;float:right } #categs li { width:49%;margin-bottom:12px;margin-right:0px } #categs li:nth-child(2n) { float:right } #categs li a { color:#222;padding:10px 4%;width:92%;text-decoration:none;display:block;font-weight:600;text-transform:uppercase;font-size:var(--font-size-xs);background:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M4 2l4 4-4 4' stroke='%23f47b26' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:47% 96%;margin:0;text-align:center;padding-bottom:20px } #categs li a img { width:100%;height:auto;margin-bottom:0px;border-radius:var(--radius-sm) } h1 { font-size:var(--font-size-4xl) } #main_points { max-width:100%; width:100%; margin-left:auto; margin-right:auto; float:none; padding-right:0px; padding-left:0; } .main_offer { float:none; margin-left:auto; margin-right:auto; max-width:calc(100% - 30px); } .main_offer .img { max-width:100%; height:auto; aspect-ratio:540/430; } .main_offer .control { display:none; } .prenum_block { float:none; margin-top:20px; } .main_points_info { width: 100%; height:auto; display:block; float:none; } .main_points_img { width:100%; float:none; margin-bottom:10px; } .main_points_title { font-size: 12pt; display:block; margin-bottom:-4px; text-transform:uppercase; text-align:center; } .main_points_title::after { display:none; } .main_points_info > div { margin: 0; position: relative; top: 0; -ms-transform: none; transform: none; } .main_points_info p, .view_catalog, .main_points_info ul { display:none } .prenum_block { width:94%;font-size:var(--font-size-md);font-weight:600;float:right;margin-top:10px;background:url(images/bg_letter.png) right top no-repeat #f8ca2b;padding:17px 3% 20px 3%;color:#fff;border-radius:var(--radius-sm);position:relative } .prenum_block > div { max-width:100%; } .prenum_block input[type=text] { width:36%;padding-left:2%;padding-right:2% } .prenum_block label { width:50%;padding-left:1%;font-size:0.625rem } .mid_prod { width:45%; max-width:198px; display:block; height: 370px; float:left; margin:0; margin-right:2%; background:#fff; position:relative; padding:10px; padding-left:2%; padding-right:2%; border-radius:var(--radius-sm) } .mid_prod:first-child { margin-right:2%; } .mid_prod:nth-child(2n) { margin-right:0; } .mid_prod img.p { width:100%; max-width:198px; height:auto; border-radius:var(--radius-sm); float:none; margin-right:0; } .mid_prod .control { display:none } .mid_prod .control a.comments { margin-top:48px } .mid_prod .control .stars { margin-top:52px } .mid_prod span.price { display:inline-block; position:absolute; top:0px; right:0; background:var(--color-price-bg); padding:2px 10px 3px 10px; border-radius:var(--radius-sm); font-weight:600; font-size:var(--font-size-base); color:var(--color-primary) } .mid_prod a.title { text-decoration:none;font-weight:700;color:#222;font-size:var(--font-size-xl);display:block; float:none; position:relative; width:100%; margin-top:5px; overflow: hidden; } .mid_prod span.info { display:block; max-height:90px; overflow:hidden; color:#444;font-size:var(--font-size-base);width:100%;max-width:355px;line-height:150%;padding:5px 0 } .mid_prod span.botline { display:block;position:absolute;bottom:0px; padding-bottom:10px;width:92%; padding-left:4%; padding-right:4%; background:#fff;right:0px;border-top:1px solid var(--color-border) } .mid_prod .gift_option { display:none; } .news_item a.readmore { float:right;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 29px 4px 29px } .mid_prod a.readmore { float: right; width:100%; text-align:center; margin-top: 5px; text-transform: uppercase; background: var(--color-primary); color: #FFF; text-decoration: none; font-size: 10pt; font-weight: 600; border-radius: 5px; border-bottom: 2px solid var(--color-primary-dark); padding: 4px 0px 4px 0px; } .newest_offers .gift_option.no-pad.no-pad-2 { display: none; } #footer .garantijos a { width:calc(50% - 53px); background-size:auto 30px; background-position:15px center !important; padding-top:15px;padding-bottom:15px; padding-left:53px;font-size:var(--font-size-xs) } #footer .garantijos a.g1 { border-left:0 } #footer .garantijos a.g2 { width:calc(50% - 54px); } #footer .garantijos a.g3 { border-right:0;border:0;border-top:1px solid var(--color-bg);width:66%; background-position:left calc(34% - 30px) center !important; padding-left:34%; text-align:left } #footer .garantijos { margin-bottom: 15px; } #footer .lside ul { text-align: center; } #footer .fb-page { margin-top: 15px; } #footer .vb { margin-top: 15px; padding-top: 15px; } #footer .lside { float:none;width:315px;margin:0 auto;border-right:none } #footer .lside .fb-page { padding: 0px !important } #footer .rside { width:100%;margin-top:30px } #footer .rside { display:none } #footer .vb a.phone { padding-right:0px;margin-right:0px; margin-left:10px; border-right:1px solid var(--color-bg);/* icon removed */ } #footer .vb a.email { display:none } #footer .vb a { margin-top: 5px; } #params_tab { clear:both; margin-top:30px; } .site_links { width:100%;background:#FFF;padding:3px 0 8px 0;margin-top:-2px;margin-bottom:30px;height:20px;overflow:hidden } .site_links a { font-size:var(--font-size-xs) } .mag { margin-top: -30px; } #content { padding-top:44px;min-height:400px } .lside a { display:none } .lside { width:100%;float:none;margin-bottom:20px } .lside .block { border:var(--color-border-light) solid 2px;border-radius:var(--radius-sm);width:100%;background:#FFF;margin-bottom:10px;padding-bottom:11px;text-align:center } .moblside a { display:none } .moblside { margin-top:20px;width:100%;float:none;margin-bottom:0px } .moblside .block { border:var(--color-border-light) solid 2px;border-radius:var(--radius-sm);width:100%;background:#FFF;margin-bottom:10px;padding-bottom:11px;text-align:center } .moblside .block span { display:block;border-bottom:2px solid var(--color-border-light);color:#222;padding:13px 0 14px 17px;font-size:var(--font-size-2xl) } .dnkmob, .atiblock { display:none } #side_category { margin-top:10px;padding:0;list-style-type:none } #side_category li a { font-size:var(--font-size-sm);color:#222;text-decoration:underline;cursor:pointer;display:block;margin:3px 0 5px 18px;padding-left:20px;background:url(images/check.png) center left no-repeat;width:120px;margin:0 auto;margin-top:3px;margin-bottom:5px;text-align:left } .rside { float:none;margin-left:0px;width:100% } .sm_prod { width:45%;height:180px;float:left;margin:0 0px 20px 0;background:#fff;position:relative;padding:47% 2% 10px 2%;border-radius:var(--radius-sm);overflow:hidden } .sm_prod img.p { width:90%;height:auto;border-radius:var(--radius-sm);position:absolute;top:10px;z-index:0;left:5% } .sm_prod .control { display:none } .sm_prod span.price { display:inline-block;position:absolute;right:13%;top:20px;background:var(--color-price-bg);padding:2px 10px 3px 10px;border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-base);color:var(--color-primary) } .flower_item span.price { right:calc(5% + 5px); z-index:300; top: calc(39vw - 20px) !important; bottom: auto; } .flower_list_content { height:125px; overflow:hidden; display:block; margin-bottom:35px; } div.sm_prod:nth-child(4n+2) { margin-right:0px } div.sm_prod:nth-child(2n+2) { margin-right:0px;float:right } .sm_prod span.botline { border-top:1px solid var(--color-border);display:block;position:absolute;bottom:10px;width:90% } .sm_prod .gift_option.no-pad.no-pad-2 {display: none; } .sm_prod.flower_item { height:auto !important; } .rside .fb-like { display:none } .sm_prod .gift_option { font-weight:normal;margin-top:10px;padding:1px 1% 1px 18%;font-size:0.6875rem;max-width:30%;overflow:hidden;max-height:20px;margin-right:2% } .sm_prod .gift_option:nth-child(3) { padding-right:0px;margin-right:0px } .sm_prod a.readmore, span.addreview { display:block;margin-top:5px;text-transform:uppercase;background:var(--color-primary);color:#FFF;text-decoration:none;font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-sm);border-bottom:2px solid var(--color-primary-dark);padding:4px 0;text-align:center } #page { border:2px solid var(--color-border-light); padding:18px 4%; background:#FFF;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:#222;width:calc(92% - 4px); } #page .lside { float:none;margin:0 auto;margin-top:20px;position:relative;width:100% } #page .rside { float:none;width:100%;margin-right:0;color:#222;font-size:var(--font-size-base);margin-top:10px } #page .rside h1 { font-weight:600;border-bottom:0;font-size:1.4rem;margin:0;padding:0 } .mobileclear { clear:both } .param { float:left;width:calc(50% - 27px);border-bottom:1px solid var(--color-border);padding:5px 0 5px 25px;background:url(images/fake3.png) left center no-repeat;color:#444;line-height:105%;height:50px } .param span { height:50px } .param:nth-child(2n) { background:url(images/fake3.png) 7px center no-repeat;padding:5px 0 5px 34px;width:calc(50% - 46px); } .p_tocart, .p_tocart1, .p_query, a.spec_more { font-size:var(--font-size-md);padding:8px 0 9px 0; background-position:left 11px center; } .p_query { width:calc(100% - 6px);float:none;margin-top:10px } .dis_in { width:38% !important } .p_tocart, .p_tocart1, a.spec_more { margin-right:0px;width:100% } #big_photo { width:100% !important;border-radius:var(--radius-sm) } #min_ph { float:left;width:87%;margin-left:2% } #min_ph ul { text-align:center } #min_ph ul li { display:inline-block;padding:0 1%;width:28%;min-width:50px } #min_ph ul li img { width:100%;height:auto;min-width:50px;border-radius:var(--radius-sm);cursor:pointer;border:#fff solid 2px } #min_ph ul li img:hover, #min_ph ul li img.on { width:100%;height:auto;border:var(--color-primary) solid 2px } #min_next { float:right;padding:24px 0 28px 5px;cursor:pointer } #min_prev { float:left;padding:24px 5px 28px 0;cursor:pointer } #tabs { margin-top:20px;padding:4px;display:grid !important;grid-template-columns:1fr 1fr !important;gap:5px !important } #tabs li { font-size:var(--font-size-xs) !important;padding:8px 6px !important;text-align:center !important;justify-content:center !important;display:flex !important;width:auto !important } #tabs li i { display:inline-block !important;font-size:13px !important;margin-right:4px !important } .tab-full { display:none !important } .tab-short { display:inline !important } /* mobile tabs handled by flex base styles */ /* removed old tab override */ #page .fb-like { display:none } .dukbox { -webkit-column-count: 1; -webkit-column-gap: 30px; -moz-column-count: 1; -moz-column-gap:30px; column-count:1; column-gap:30px; } .duk_item a, .duk_item a img { width:40% !important } h1.line { font-weight:600;text-align:center;padding-top:11px;margin:0px;font-size:1.25rem;padding-left:0px !important } #checker { width:90%;border-collapse:collapse;border:0;margin-top:30px } #checker input[type=text] { border:#ddd solid 1px;border-radius:var(--radius-sm);padding:10px 18px;width:70%;font-size:var(--font-size-md);box-shadow:0 0 7px 2px rgba(0, 0, 0, 0.03) inset;padding-right:90px;margin-bottom:0 } .rs { float:right;width:100% } .ls { float:left;width:100%;overflow-x:hidden } #paynow li { display:inline-block; width:32%; margin-right:2%; margin-bottom:6px } #paynow li:nth-child(3n) { margin-right:0 } #paynow { margin-bottom:30px } .dovfta { display:none; } .params_tab { margin-top:0px; padding:0px 0 0 0; display: block; } .params_tab div span { display: table-cell; vertical-align: middle; } .params_tab div { border-right: 1px solid var(--color-border); } .params_tab div span { border-right: none; } .params_tab div span span { display: inline; } .params_tab div:nth-child(2n) { border-right: none; } .params_tab--flower { display:flex !important;flex-direction:column;gap:2px } .params_tab--flower .param { border-right:none !important } #footer { margin-top: 30px; padding-bottom: 15px; } #paynow li img { cursor:pointer;padding:13px 7px; max-width:90%; padding-left:5%; padding-right:5%; background:#faf4f0;border-radius:var(--radius-sm) } #paynow li img:hover, #paynow li img.on { background:#FFF;padding:11px 5px; padding-left:4%; padding-right:4%; border:var(--color-success) solid 2px } #paynow li img.change_page_logo_size { padding-top:10px; padding-bottom:10px; } #paynow li img.change_page_logo_size:hover, #paynow li img.change_page_logo_size.on { padding-top:8px; padding-bottom:8px; } .in_form td:first-child { width:110px !important;display:block; line-height:105%; height:40px; display:table-cell; vertical-align:middle; } .geles { width:160px;padding-left:5px } .qtww { width:20px !important;padding-left:5px;padding-right:5px;margin-left:5px !important } .qtww_inlist { width:calc(13% - 14px) !important; margin-right:2% !important; text-align:center; padding-left:5px !important;padding-right:5px !important;margin-left:0px !important } .pastx { width:89% !important } .pastxx { width:100% !important;display:block; margin-top:5px; } .gelform { max-width:100% !important;overflow-x:hidden;display:block } .in_form.svv tr:first-child td:first-child, .in_form.svv tr:nth-child(2) td:first-child { vertical-align:top; line-height:40px; } .psum { font-size:1.75rem } #query_form, #query_form2 { background:#fff;border:var(--color-border-light) solid 2px;padding:20px;border-radius:15px;width:calc(90% - 44px);top:20px;position:fixed;z-index:88889;left:5%;margin-left:0px } #query_form span.h1, #query_form2 span.h1 { margin: -22px -20px 10px -20px; padding: 0 0 10px 25px; } label.checkbox { margin: 3px 0 3px 3px } #query_form span.h1 span, #query_form2 span.h1 span { float:left;width:89%;text-align:left;color:var(--color-primary);font-size:var(--font-size-base);display:inline-block;padding-right:11%;padding-top:12px } #query_form input, #query_form2 input, #query_form textarea, #query_form2 textarea { width:90%;padding-left:5%;padding-right:5% } .p_tocart, .p_tocart1, a.spec_more { margin-right:0px;width:100% } .mag { text-align:center } #mph { width:100%;text-align:center;margin-left:0;margin-right:0;height:270px } #mnext, #mprev { display:none;} .mag .cnt { width:96% } a.xis { height:110px;width:100%;font-size:0.6875rem } a.xis p { display:none; } .indiv { width: 28.33%; float: none; margin-left: 1%; margin-right: 1%; height: 110px; padding: 5px 1.5%; margin-bottom:0px } .indivvid { background-size:cover;width:100%;height:110px } a.insta { margin-left:auto;padding-left:40px;margin-right:auto;float:none } .site_links { margin-bottom:10px } .in_form { width:100% } .in_form input[type=text], .mms, .in_form textarea { width:89%;padding-left:5%;padding-right:5% } .in_form input[name=qty] { width: 8% !important; margin-left:0 !important; margin-right:3% !important; padding-left: 5%; padding-right: 5%; } .in_form input[name=data] { width: 42% !important; padding-left: 5%; padding-right: 5%; background-position: right 6px center !important; } textarea[name=gnotes] {width:89% !important;padding-left:5%;padding-right:5% } .datum, input[name=gadr] { width:89% !important } .q_table tbody tr:first-child td:first-child { width:50% !important } .xqtable, .xqtable tbody, .xqtable tr td, .xqtable tr { display:block;width:100% } .xqtable tbody tr:first-child td { width:46.5% !important;display:inline-block } .xqtable tbody tr:nth-child(2) td { width:49% !important;display:inline-block } .xqtable tbody tr:nth-child(2) td:nth-child(2) { margin-right:-1% } .dfotex { display:none } .dovfotexta { display:block } .dovfta { padding-bottom:20px } .rs { overflow-x:hidden } .gelform select{ margin-top:5px;width:47.5% !important } .gelform select.gselectx{ width:70% !important;padding-right:15% } .gelform select.gselectxs { width:91.5% !important;padding-right:15%;margin-left:5px } .gelform select.gselectxx{ width:78% !important;padding-right:15% } .gelform select.selecttime { display:block; margin-top:0px !important; float:right; padding-left:2% !important; width:46% !important;margin-left:0px !important } .gelform select.selecttime.city { display:block; margin-top:5px !important; float:right; padding-left:5% !important; width:100% !important;margin-left:0px !important } .glltekst { width:100% !important } .gelform tr td { vertical-align:middle } .gelform #totale { margin-top:0 !important } .kkglpad { margin-top:10px !important } h2.new { font-size: 16pt; line-height: 115%; } #atsiliepimai_first .atitem { width:90%; padding-left:5%; padding-right:5%; margin-right:0; margin-left:0; float:none; height:auto !important; margin-bottom:20px; } a.vall { font-size:var(--font-size-sm); background-size:15px auto !important; padding-right:20px; } #tab li a { padding: 8px 10px !important; font-size: 10.5pt !important; margin-right:0 !important; display:block; } #tab li { height: auto !important; width:100% !important; margin-bottom:5px; } #tab { padding: 0 !important; border-bottom:0 !important; } #tab li:last-child a { margin-right:0 !important; } #tab li a.on { border: 2px solid var(--color-primary) !important; } h1.fphhh { line-height:118%; margin-bottom:30px; } .op_ul2 li { border: 2px solid var(--color-border); width:40% !important; display:block; float:left; height:55px; margin-right:3%; background-position: center 10px; padding: 100px 10px 10px; padding-top: 70px !important; padding-left:2%; background-size:auto 60px; padding-right:2%; } .op_ul2 li:nth-child(2n) { margin-right:0; } .privalubox { display:none; } .privaluboxmobile { display:block; font-size: 10.5pt; color: #222; border: var(--color-border-light) solid 2px; padding:0px 15px 18px 15px; margin-top:20px; background: #FFF; border-radius: 5px; font-size: 10.5pt; color: #222; width: calc(100% - 34px); } #page .ls { border-right:0 !important; padding-right:0 !important; } .privaluboxmobile a { color: var(--color-primary); } select { background-position: right 6px center !important; } .extra_list ul li label > span p.extra_product_name { padding:0; } .extra_list ul li label > span { padding:10px } .extra_list ul li label > span p.extra_product_price { padding:0; } .extra_list { width: calc(100% - 30px); margin-left: 15px; } :root { --swiper-navigation-size: 25px; } .swiper-button-prev { left: -8px; } .swiper-button-next { right: -8px; } .extra_list ul li label span p.extra_product_name { height: 51px; font-size: 10pt; line-height: 17px; } .mobile_margin_top { margin-top:-20px; } .geles_aprasymas { display:none; } .dovfotexta h1 { font-size:1.4rem; padding-bottom:10px; margin-bottom:5px; line-height:105%; } .geles_foto_list ul { margin-left:-40px !important; } .geles_foto_list { width: calc(100% - 24px); } #papildomai_suma { margin-bottom:18%; } #pagal_price p.extra_product_name { margin-top: 20%; } #pagal_price .papild_text { font-size: 10pt; height: 72px; line-height:18px; } .pi_popup { padding:20px; width: calc(100% - 80px); top:40px; left: 20px; } .close_pi { margin-right: -20px; margin-top: -20px; } .pi_popup_img { width: 115px; } .pi_popup_text { width: calc(100% - 130px); font-size: 15px; } .select_pi { width: calc(60% - 39px); height: 40px; line-height: 40px; font-size: 14px; } .rem_pi { width: calc(40% - 5px); height: 44px; line-height: 45px; font-size: 14px; } #papildomos_dovaneles .dovana_item { width:100%; float:left; margin-bottom:10px; } #papildomos_dovaneles .dovana_item_p { width: calc(100% - 20px); margin: 0px; } .flowers_list_new .sm_prod { padding-top: calc(50vw - 16px); margin-right:10px !important; width: calc(50% - 25px); } .flowers_list_new .sm_prod span.info, .flowers_list_new .sm_prod a.title { width: calc(100% - 10px); margin-left: 5px; } .flowers_list_new .sm_prod:nth-child(4n) { margin-right:20px !important; } .flowers_list_new .sm_prod:nth-child(2n) { margin-right:0px !important; } .flowers_list_new .sm_prod:nth-child(n+3) { margin-top:20px !important; } .flowers_list_new .sm_prod .control { top: calc(50vw - 118px); margin-left:0; } .flowers_list_new .flower_item span.price { top: calc(50vw - 79px) !important; right: 20px; } .flowers_list_new .sm_prod a.title, .flowers_list_new .sm_prod span.info { width: 100%; float:none; } .flowers_list_new .sm_prod span.info { height: 62px; position:relative; top:auto; right:auto; } .flowers_list_new .flower_list_content { max-height: 98px; } .flowers_list_new .sm_prod { height: 145px; } .flowers_list_new .sm_prod img.p { left: 10px; margin-left: 0; } .flowers_list_new .sm_prod a.title { line-height: 113%; } .floating-label.floating-label-smallp, .floating-label.floating-label-widep, .floating-label.floating-label-half { width:100%; } .floating-label.floating-label-small { width: calc(20% - 5px); } .floating-label.floating-label-wide { width: calc(80% - 5px); } .floating-label .datum, .floating-label input[name=gadr], .floating-label textarea[name=gnotes] { width:100% !important; } #page .rside.rside_gn { float:right; width:100%; } #page .rside.rside_gn .p_tocart, #page .rside.rside_gn .p_query { width:100% !important; margin:0 0 8px 0 !important; } #page .lside.lside_gn { width:100%; max-width:100%; left:0; margin-left:0; margin-bottom:24px; } #page .lside.lside_gn img { max-width:100%; } #page .lside .gallery-container a { display:block; } #thumb-prev.custom-arrow { top: -44px !important; } #thumb-next.custom-arrow { top: -44px !important; } } @media all and (max-width: 410px) { #pagal_price p.extra_product_name { font-size: 11pt; margin-top:17.5%; } #pagal_price .papild_text { font-size: 8pt; } #papildomai_suma { margin-bottom: 7.5%; } #top_menu nav > ul > li.gkat { padding: 0px 5px 15px 5px !important; } #top_menu nav > ul > li.subit { padding: 0px 5px 15px 5px !important; margin-right: 0px; } #page .rside { font-size: 9.5pt; } } #cookie { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;z-index:100;background-color:var(--color-bg);width:100%;padding:20px 0px 15px 0px;color:#222;font-size:var(--font-size-sm);line-height:150% } #cookie a { color:#444 } #cookie a.sutinku { transition:0.2s ease;cursor:pointer;color:#fff;background-color:#222;display:block width:85px;padding:12px 0;float:right;margin-left:30px;font-size:var(--font-size-base);text-decoration:none;border-radius:3px;font-weight:600;text-align:center } #cookie .cnt { width:1170px;margin:0 auto;max-width:92% } #cookie a:hover { text-decoration:none } #cookie a.sutinku:hover { background-color:var(--color-primary) } /*BDAR*/ .cookie-consent-banner { border:1px solid rgba(0,0,0,0.05);box-shadow: 0 0 40px 0 rgba(69, 140, 132, 0.2); display:none;background-color:#fff;color:#000;padding:30px; border-radius:20px; width:calc(100% - 60px); font-size: 15px;text-align:center;z-index:1000;line-height:130%;} .cookie-consent-banner .gdpr_title { font-size: 20px; margin-bottom:12px; font-weight: bold; line-height: 1.29; color: #232020; text-align: center; } .cookie-consent-banner a { color:var(--color-primary);text-decoration:underline; } .cookie-consent-banner a:hover { text-decoration:none; } .cookie-consent-banner p { margin:0;padding:0;margin-bottom:12px; } .cookie-consent-button{transition:0.3s ease; text-transform:uppercase;border:none;padding:10px 25px 10px 25px;text-align:center;text-decoration:none;display:inline-block;font-weight:600;font-size:var(--font-size-base);line-height:20px;margin:5px;cursor:pointer;border-radius:var(--radius-sm); border-bottom:2px solid var(--color-primary-dark) !important;} .cookie-consent-button:hover{box-shadow:0 -2px 5px rgba(0,0,0,.1); } .cookie-consent-button:active{opacity:.5} .cookie-consent-button.btn-success{background-color:var(--color-primary);color:#fff;} .cookie-consent-button.btn-success:hover{background-color:var(--color-primary-dark);color:#fff;} .cookie-consent-button.btn-grayscale{background-color:#f7f7f7;color:#000; border-bottom:2px solid #e8e8e8 !important;} .cookie-consent-button.btn-outline{background-color:#f7f7f7;color:#000; border-bottom:2px solid #e8e8e8 !important;} .cookie-consent-button.btn-grayscale:hover, .cookie-consent-button.btn-outline:hover { background-color:#e8e8e8; } .cookie-consent-options{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:0px;margin-top:10px;} .cookie-consent-options label{margin:0 10px;font-size:14px} .cookie-consent-options input{margin-right:5px} .cookies_page_banner { display:block; text-align:center; padding:30px; background:#e4e4e4; border-radius:10px; } .cookies_page_banner .cookie-consent-options { margin-top:0; margin-bottom:20px; } .gdpr_popup { box-shadow:0 -2px 5px rgba(0,0,0,.1); z-index:5050; position:fixed; top:calc(50% - 120px); left:calc(50% - 435px); width:870px; background:#000; border-radius:28px; } .gdpr_blur { backdrop-filter: blur(4px); display:block; position:fixed; left:0; top:0; width:100vw; height:100vh; background-color:rgba(255,255,255,0.5); z-index:5049; } .privacy_p { font-size:15px; display:inline-block; margin:10px 20px; line-height:30px; color:#000 } .privacy_p span { position:relative; margin-top:5px; height:16px; width:16px; background-color:#fff; border:2px solid var(--color-primary); border-radius:var(--radius-sm); display:block; float:left; margin-right:10px } .privacy_p input { display:none } .privacy_p input:checked + span { background-color:var(--color-primary); border-color:var(--color-primary); } .privacy_p input:checked + span::after { content:""; position:absolute; left:4px; top:1px; width:5px; height:9px; border:solid white; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } @media all and (max-width: 980px) { .gdpr_popup { top: calc(50% - 120px); left: 30px; width: calc(100% - 60px); } } @media all and (max-width: 760px) { .gdpr_popup { top: calc(50% - 180px); } } @media all and (max-width: 560px) { .gdpr_popup { top: 70px; left: 20px; width: calc(100% - 40px); } .cookie-consent-button { margin:5px 4px; padding: 10px 16px 8px 16px; max-width:125px; line-height:13px; text-align:center; font-size: 12px; margin: 4px; } .privacy_p { min-width:calc(50% - 20px); margin:7px 10px; text-align:left; } } .sm_prod_new_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 1200px; margin: 0 auto; } .hp-section .sm_prod_new_list { grid-template-columns: repeat(4, 1fr); gap: 16px; } .flowers_list_new_ds { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; max-width: 1170px; margin: 0 auto; } .rside .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); } .sm_prod_new { background: var(--color-bg-card); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); overflow: hidden; display: flex; flex-direction: column; position: relative; transition: transform var(--transition-base), box-shadow var(--transition-base); } .sm_prod_new:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); } .sm_prod_new img { display: block; border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); width: 100%; aspect-ratio: 4/3; height: auto; object-fit: cover; } .sm_prod_new .new_price { position: absolute; top: 12px; right: 12px; background: var(--color-primary); color: #fff; padding: 6px 12px; border-radius: 9999px; font-size: 14px; font-weight: bold; z-index: 2; } .sm_prod_content { flex-grow: 1; padding: 0 16px; min-height: 130px; display: flex; flex-direction: column; justify-content: flex-start; } .sm_prod_content .new_title { font-size: 18px; font-weight: 600; margin: 16px 0 8px; color: #111; text-decoration: none; line-height: 120%; } .sm_prod_content p { font-size: 14px; color: #555; } .sm_prod_new .new_readmore { display: block; margin: 16px; margin-top: auto; padding: 10px 0; text-align: center; background: linear-gradient(to right, var(--color-primary), #ff9900); color: #fff; font-weight: 600; text-transform: uppercase; border-radius: 8px; text-decoration: none; transition: background 0.2s ease; } .flowers_list_new_ds .sm_prod_new .new_readmore { width:calc(50% - 22px); float:right; margin-left:0; } .sm_prod_new .new_readmore_more { display: block; margin: 16px; margin-top: auto; padding: 8px 0; text-align: center; border:2px solid var(--color-primary); background: #fff; color: var(--color-primary); font-weight: 600; text-transform: uppercase; border-radius: 8px; text-decoration: none; transition: background 0.2s ease; width:calc(50% - 26px); float:left; margin-right:0; transition:0.3s ease; } .sm_prod_new .new_readmore:hover { background: linear-gradient(to right, #e66900, #ff7b00); } .sm_prod_new .sm_prod_content p { margin-top:0; padding-bottom:0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .swiper-container svg { display:none; } @media all and (min-width: 970px) and (max-width: 1180px) { .sm_prod_new img { height: 160px; } .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); gap: 24px; } .rside .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); } .flowers_list_new_ds .sm_prod_new img { height: 220px; } } @media all and (min-width: 760px) and (max-width: 969px) { .sm_prod_new img { height: 200px; } .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); gap: 24px; } .rside .flowers_list_new_ds { grid-template-columns: repeat(3, 1fr); } .flowers_list_new_ds .sm_prod_new img { height: 220px; } } @media all and (min-width: 539px) and (max-width: 759px) { .sm_prod_new_list, .flowers_list_new_ds { grid-template-columns: repeat(2, 1fr); gap: 24px; } .rside .flowers_list_new_ds { grid-template-columns: repeat(2, 1fr); } } @media all and (max-width: 538px) { .sm_prod_new_list, .flowers_list_new_ds { grid-template-columns: repeat(1, 1fr); gap: 24px; margin-left:auto; margin-right:auto; } .rside .flowers_list_new_ds { grid-template-columns: repeat(1, 1fr); } .sm_prod_new .sm_prod_content p, .sm_prod_new .new_readmore, .sm_prod_new .new_readmore_more { display:none; } .sm_prod_new_list .sm_prod_content, .flowers_list_new_ds .sm_prod_content { min-height: 0px; } .sm_prod_new_list .sm_prod_content, .flowers_list_new_ds .sm_prod_content { width:calc(100% - 50px); min-height: 0px; position: absolute; bottom: 0px; padding: 16px 25px; background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); } .sm_prod_content .new_title { margin:0; color:#fff; font-size:16px; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); } .sm_prod_new img { height: 230px; } .flowers_list_new_ds .sm_prod_new img { height: 260px; } .sm_prod_new, .sm_prod_new img { border-radius: 10px; } .sm_prod_new .new_price { border-radius: 10px; } .cnt.cnt24 { width: calc(100% - 48px); } #atsiliepimai_first .cnt { grid-template-columns:1fr !important } .swiper-container.ndesign_reviews svg { display:block; width:50px; margin:0 auto; margin-bottom:6px; } .swiper-container.ndesign_reviews h2 { text-align:center; margin-bottom:40px; } .ndesign_reviews .swiper-pagination { bottom: auto !important; left: 0; top: 60px !important; position: absolute !important; } .ndesign_reviews .atitem { -webkit-column-break-inside: avoid; page-break-inside: avoid; border: 1px solid var(--color-border); break-inside: avoid-column; width: auto; border-radius:var(--radius-lg); background:#fff; padding: 24px; margin-top: 0px; height:auto !important; box-shadow:var(--shadow-xs) } .sm_prod_new span.price { right: 15px; top: 15px; } } .bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; background: var(--color-bg); border-top: 1px solid var(--color-border-light); display: block; padding: 8px 15px; gap: 12px; box-shadow: 0 -2px 8px rgba(0,0,0,0.05); z-index: 1000; } .bottom-bar a { text-decoration:none; text-transform:uppercase; flex: 1; height:44px; line-height:46px; font-size: 11pt; font-weight: 600; border: none; border-radius: 5px; background-color: var(--color-primary); border-bottom: 2px solid var(--color-primary-dark); color: #fff; display: block; cursor: pointer; } .bottom-bar a.primary { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 002 1.61h9.72a2 2 0 002-1.61L23 6H6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left 12px center; background-size: 20px; display:inline-block; padding-left:45px; padding-right:15px; float:right; } .bottom-bar a.back_bt { width:auto; background:transparent; color:#444; float:left; border-color:transparent; } .bottom-bar a.back_bt::before { transform: rotate(135deg); -webkit-transform: rotate(135deg); margin-right:10px; border: solid #444; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; content:""; } .bottom-bar.hide { transform: translateY(100%); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; } @media (min-width: 768px) { .bottom-bar { display: none; } }