×

注意!页面内容来自https://akrofragrances.com/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

<> #shopify-section-sections--28855682302296__announcement-bar p {font-size: 12px; letter-spacing: 1px;} #shopify-section-sections--28855682302296__announcement-bar a {font-size: 12px; letter-spacing: 1px;}
< data-shopify=""> #sections--28855682302296__header { --color-gridline: 255 255 255; } #sections--28855682302296__header.is-stuck { --color-gridline: 255 255 255; }
< data-shopify=""> #shopify-section-sections--28855682302296__header { position: sticky; top: 0; z-index: 30; } :root { --sticky-header-height: 0; } #shopify-section-sections--28855682302296__header { --logo-max-width: 110px; } @media (min-width: 1024px) { #shopify-section-sections--28855682302296__header { --logo-max-width: 100px; } } /* ===== Ajustements mobile MENU + icônes ===== */ @media (max-width: 1023px) { /* 1) Menu : typo légèrement plus petite (on garde ce qui marche déjà) */ .section-header .header-menu-label { font-size: 0.85rem; letter-spacing: 0.2em; } /* 2) On remonte la COLONNE gauche (MENU) et la COLONNE droite (icônes) sans toucher à la colonne centrale (logo) */ .section-header nav[aria-label="Header"] > div > div:first-child, .section-header nav[aria-label="Header"] > div > div:last-child { align-self: flex-start; /* override items-center du parent */ padding-top: 0.15rem; /* colle visuellement sous la barre d'annonce */ padding-right: 6px; } /* 3a) MENU (texte) → padding horizontal OK */ .section-header nav[aria-label="Header"] > div > div:first-child button { padding-top: 0.1rem !important; padding-bottom: 0 !important; padding-left: 8px; padding-right: 8px; } /* 3b) Icônes à droite → PAS de padding horizontal */ .section-header nav[aria-label="Header"] > div > div:last-child button, .section-header nav[aria-label="Header"] > div > div:last-child a { padding-top: 0.1rem !important; padding-bottom: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } <> #shopify-section-sections--28855682302296__header .m-auto {font-size: 14px; letter-spacing: 1px;} #shopify-section-sections--28855682302296__header .text-base {font-size: 14px; letter-spacing: 1px;}
<> @media (max-width: 1023px){ /* --- Typo globale du drawer --- */ .jwk-menuDrawer{ font-size: 0.85rem; letter-spacing: 0.08em; } /* Barre du haut (X) : descendue pour être à la hauteur du texte MENU */ .jwk-menuDrawer .sticky{ padding-top: 3.5rem; padding-bottom: 0.6rem; } /* 1) On annule la hauteur .py-4 SEULEMENT dans le drawer */ .jwk-menuDrawer .py-4{ padding-top: 0 !important; padding-bottom: 0 !important; } /* 2) Espacement IDENTIQUE entre les 4 liens principaux */ .jwk-menuDrawer nav[aria-label="Primary"] > ul > li{ padding-top: 0.3rem !important; /* espace AU NIVEAU DU LI */ padding-bottom: 0.3rem !important; } /* les liens eux-mêmes n'ajoutent plus de padding vertical */ .jwk-menuDrawer nav[aria-label="Primary"] > ul > li > a, .jwk-menuDrawer nav[aria-label="Primary"] > ul > li > button{ display: block; padding-top: 0 !important; padding-bottom: 0 !important; } /* Sous-niveaux des accordéons */ .jwk-menuDrawer ul[id^="accordion"] a, .jwk-menuDrawer ul[id^="accordion"] button{ display: block; padding-top: 0.18rem; padding-bottom: 0.18rem; font-size: 0.8rem; line-height: 1.2; } .jwk-menuDrawer ul[id^="accordion"]{ padding-left: 0.75rem; /* indentationne touche pas à gauche du menu principal */ } /* 3) Menu secondaire (LOG IN / CREATE ACCOUNT) */ .jwk-menuDrawer .border-t-gridline > nav[aria-label="Secondary"]{ margin-top: 1rem; /* séparation claire après le menu principal */ } .jwk-menuDrawer .border-t-gridline > nav[aria-label="Secondary"] ul li a{ display: block; padding-top: 0.20rem; padding-bottom: 0.20rem; font-size: 0.8rem; opacity: 0.85; } /* 4) Search */ .jwk-menuDrawer form[role="search"]{ margin-top: 0.8rem; } .jwk-menuDrawer form[role="search"] input{ font-size: 0.8rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } /* Icône de recherche à la même taille que X et + */ .jwk-menuDrawer form[role="search"] span.inline-block.h-6.w-6{ width: 14px; height: 14px; } /* 5) Social icons */ .jwk-menuDrawer .my-8{ margin-top: 0.9rem; margin-bottom: 0.9rem; } /* 6) Icônes X / + plus petites */ .jwk-menuDrawer .sticky .h-6.w-6{ width: 14px; height: 14px; } .jwk-menuDrawer button > span.absolute.right-0{ width: 14px; height: 14px; } /* 7) Espace au-dessus du PREMIER lien du menu (FRAGRANCES) */ .jwk-menuDrawer nav[aria-label="Primary"] > ul{ padding-top: 2rem; } } /* Taille de typo des liens du menu (écrase text-heading-*) */ .jwk-menuDrawer .text-heading-standard, .jwk-menuDrawer .text-heading-feature, .jwk-menuDrawer .text-heading-secondary{ font-size: 0.85rem; line-height: 1.5; letter-spacing: 0.08em; } /* Tous les liens de texte en blanc */ .jwk-menuDrawer a, .jwk-menuDrawer button, .jwk-menuDrawer span, .jwk-menuDrawer li{ color: #fff !important; } /* Icônes SVG (X+-loupe) en blanc (contours uniquement) */ .jwk-menuDrawer svg, .jwk-menuDrawer svg *{ stroke: #fff !important; /* surtout pas de fill forcésinon la loupe devient un rond plein */ } /* Bordures en blanc */ .jwk-menuDrawer .border-gridline-color, .jwk-menuDrawer .border-t-gridline, .jwk-menuDrawer input{ border-color: #fff !important; } /* Placeholder du search blanc */ .jwk-menuDrawer input::placeholder{ color: #fff !important; opacity: 1; } /* Barre de recherche ligne blanche */ .jwk-menuDrawer input{ color: #fff !important; } /* Chevron du menu : juste après le textecentré verticalement */ .jwk-menuDrawer button > span.ml-2.inline-flex{ margin-left: 0.3rem; /* espace court après le texte */ height: 1rem; width: 1rem; align-items: center; justify-content: center; } .jwk-menuDrawer button{ display: inline-flex; align-items: center; /* centre texte + chevron sur la même ligne */ } /* Drawer : on masque la barre de recherche + son container */ .jwk-menuDrawer form[role="search"], .jwk-menuDrawer form[role="search"] *{ display: none !important; } /* AKRO — fond noir semi-transparent UNIQUEMENT sur le drawer left (menu mobile) */ #modals-leftDrawer-open.bg-scheme-background, #left-drawer-slot.bg-scheme-background { --color-scheme-background: 0 0 0; /* noir */ --tw-bg-opacity: 0.7; /* ajuste ici : 0.35 / 0.4 / 0.5 */ }
<> #MainContent > .shopify-section.banner-section:first-child [data-media-container].h-screen { height: calc(100vh - var(--header-group-height)); } @media (min-width: 990px) { #MainContent > .shopify-section.banner-section:first-child [data-media-container].lg\:h-auto { height: auto; } #MainContent > .shopify-section.banner-section:first-child [data-media-container].lg\:h-screen { height: calc(100vh - var(--header-group-height)); } }
<> #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero { position: relative; width: 100%; background: #000000; overflow: hidden; line-height: 0; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__video { display: block; width: 100%; height: calc(100vh - var(--header-group-height80px)); object-fit: cover; } /* Desktop default: show desktop videohide mobile */ #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__video--mobile { display: none; } /* Mobile breakpoint: swap */ @media (max-width: 767px) { #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__video--desktop { display: none; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__video--mobile { display: block; height: calc(100vh - var(--header-group-height60px)); } } /* ---- Sound toggle button ---- */ #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px 10px 12px; border: 1px solid rgba(255,255,255,0.35); border-radius: 999px; background: rgba(0,0,0,0.45); color: #ffffff; font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1; cursor: pointer; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: opacity .25s easetransform .25s easebackground .25s ease; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound:hover { transform: translateY(-1px); background: rgba(0,0,0,0.62); } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound--bottom-right { right: 20px; bottom: 20px; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound--bottom-left { left: 20px; bottom: 20px; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound--top-right { right: 20px; top: 20px; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound--top-left { left: 20px; top: 20px; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound-icon { display: inline-flex; align-items: center; justify-content: center; } /* Default = muted state: show muted iconhide on icon */ #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__icon-on { display: none; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound[aria-pressed="true"] .akro-heat-hero__icon-muted { display: none; } #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound[aria-pressed="true"] .akro-heat-hero__icon-on { display: inline; } @media (max-width: 767px) { #shopify-section-template--28855689970008__akro_heat_home_hero .akro-heat-hero__sound { padding: 9px 12px; font-size: 11px; } }
<> @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn:hover { color: #fff !important; background-color: #000 !important; /* au cas où le fond n'est pas sur ::after */ border-color: #000 !important; } [id^="Slideshow-"] a.slideshow-cta-btn:hover::after { background-color: #000 !important; border-color: #000 !important; } } @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn { transition: color 180ms easebackground-color 180ms easeborder-color 180ms ease; } /* si ton thème utilise ::after pour dessiner le fond/bordure */ [id^="Slideshow-"] a.slideshow-cta-btn::after { transition: background-color 180ms easeborder-color 180ms easetransform 180ms easeopacity 180ms ease; } }

“Nothing revives a memory like scent.“

Olivier CRESP
<> #shopify-section-template--28855689970008__feature-text {margin-top: 50px;} #shopify-section-template--28855689970008__feature-text h6 {margin-bottom: 50px;} #shopify-section-template--28855689970008__feature-text p {font-size: 50px; letter-spacing: 2px; max-width: 900px; margin: 0 auto;} #shopify-section-template--28855689970008__feature-text h6 {font-size: 25px; letter-spacing: 2px;} @media (max-width: 767px) {#shopify-section-template--28855689970008__feature-text p {font-size: 32px; padding-top: 50px; } @media (max-width: 767px) {#shopify-section-template--28855689970008__feature-text h6 {padding-bottom: 50px; font-size: 17px; letter-spacing: 3px; } }}
<> @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn:hover { color: #fff !important; background-color: #000 !important; /* au cas où le fond n'est pas sur ::after */ border-color: #000 !important; } [id^="Slideshow-"] a.slideshow-cta-btn:hover::after { background-color: #000 !important; border-color: #000 !important; } } @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn { transition: color 180ms easebackground-color 180ms easeborder-color 180ms ease; } /* si ton thème utilise ::after pour dessiner le fond/bordure */ [id^="Slideshow-"] a.slideshow-cta-btn::after { transition: background-color 180ms easeborder-color 180ms easetransform 180ms easeopacity 180ms ease; } }
<> @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn:hover { color: #fff !important; background-color: #000 !important; /* au cas où le fond n'est pas sur ::after */ border-color: #000 !important; } [id^="Slideshow-"] a.slideshow-cta-btn:hover::after { background-color: #000 !important; border-color: #000 !important; } } @media (hover: hover) { [id^="Slideshow-"] a.slideshow-cta-btn { transition: color 180ms easebackground-color 180ms easeborder-color 180ms ease; } /* si ton thème utilise ::after pour dessiner le fond/bordure */ [id^="Slideshow-"] a.slideshow-cta-btn::after { transition: background-color 180ms easeborder-color 180ms easetransform 180ms easeopacity 180ms ease; } }

They talk about Akro

logo ageless
logo beauty matter
logo daily express
logo elle
logo london evening standard
logo the fragrance foundation
logo glamour
logo harper's bazaar
logo marie claire
logo ok
logo refinery 29
logo financial review
logo the telegraph
logo the carousel
logo vogue
logo woman & home
logo who what wear
logo woman donga
logo women's health
<> #shopify-section-template--28855689970008__logo_list_iNU3in {padding-top: 50px; padding-bottom: 50px;} #shopify-section-template--28855689970008__logo_list_iNU3in h2 {font-size: 25px; letter-spacing: 0.1em; text-transform: uppercase; text-align: center; padding-bottom: 20px;}
Free samples of your choice

FREE SAMPLES OF YOUR CHOICE

Choose your sample: 1 with a 30ml2 with a 100ml.

Free shipping and returns

FREE SHIPPING & RETURNS

Learn more about our shipping and returns policy.

Smell before you open

SMELL BEFORE YOU OPEN

Your addiction comes with its matching sample.

Secure payment

SECURE PAYMENT

CardPayPal or Klarna. Fast and secure.

Welcome gift

WELCOME GIFT

Every first addiction deserves a little something extra.

French savoir-faire

FRENCH SAVOIR-FAIRE

Created in France by Olivier CrespMaster Perfumer.

<> /* La classe py-section-vertical-spacing du theme vaut 0 sur ce thème : elle ne produit aucune marge verticale (c'est pourquoi les autres sections la compensent en custom CSS). On gere donc l'air haut/bas icien reglages. */ .akro-rs{ padding-top:var(--akro-rs-pt); padding-bottom:var(--akro-rs-pb); display:grid; grid-template-columns:repeat(var(--akro-rs-cols)minmax(01fr)); column-gap:var(--akro-rs-gap); row-gap:calc(var(--akro-rs-gap) * 1.6); align-items:start; } .akro-rs__item{ display:flex; flex-direction:column; align-items:center; text-align:center; } .akro-rs__picto{ height:var(--akro-rs-picto); width:auto; max-width:100%; object-fit:contain; display:block; margin-bottom:14px; } .akro-rs__title, .akro-rs__text{ font-size:.875rem; line-height:1.45; margin:0; } .akro-rs__title{ font-weight:700; text-transform:uppercase; letter-spacing:.02em; } .akro-rs__text{ margin-top:4px; } @media (max-width:1023px){ .akro-rs{ grid-template-columns:repeat(3minmax(01fr)); } } @media (max-width:639px){ .akro-rs{ grid-template-columns:repeat(2minmax(01fr)); } /* Slider au pouce : 2,5 pictos visibles pour signaler qu'on peut faire defiler. */ .akro-rs--mobile-slider{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-:none; padding-bottom:calc(var(--akro-rs-pb) + 2px); } .akro-rs--mobile-slider::-webkit-scrollbar{ display:none; } .akro-rs--mobile-slider .akro-rs__item{ flex:0 0 calc((100% - var(--akro-rs-gap) * 2) / 2.5); scroll-snap-align:start; } }
<> :root { --wk-color-solid-button-label: 255255255; --wk-color-accent-1: 000; --wk-color-accent-2: 000; --wk-color-outline-button-label: 000; --wk-color-background-1: 255255255; --wk-color-background-2: 255255255; --wk-color-text: 000; --wk-button-min-height: 45px; --wk-button-border-width: 1px; --wk-button-border-radius: 0px; --wk-input-min-height: 45px; --wk-input-border-width: 1px; --wk-input-border-radius: 0px; --wk-shadow-opacity: 15%; --wk-shadow-horizontal-offset: 0px; --wk-shadow-vertical-offset: 2px; --wk-shadow-blur: 4px; --wk-font-text-scale: 1.0; }
<> wishlist-button-collection { --icon-size: 18px; --icon-stroke-width: 1px; --button-offset-vertical: 0px; --button-offset-horizontal: 0px; --button-background-size: 34px; --button-background-border-radius: 24px; --button-border-width: 1px; --button-background-opacity: 85%; --button-background: none; --button-border: none; --icon-stroke: rgb(var(--wk-color-accent-1)); }
< id="qikify-boosterkit-custom-">.purchase-details__buttons.purchase-details__spb--false { height: auto; } .ajax-cart__line-items { display: none; } .qbk-offer__quantity-label { color: #FFF; } .qbk-offer__quantity-label:before { opacity: 1; background-color: #000; } .qbk-popup-wrapper:not(:has(.qbk-offer__body--added)) .qbk-popup__footer.qbk-popup__footer--free-gift:after { display: block; font-size: 12px; position: absolute; left: var(--qbk-space-1); color: #ff0000; max-width: 300px; } [lang="en"] .qbk-popup-wrapper:not(:has(.qbk-offer__body--added)) .qbk-popup__footer.qbk-popup__footer--free-gift:after { content: 'Please select your free samples before continuing.'; } [lang="fr"] .qbk-popup-wrapper:not(:has(.qbk-offer__body--added)) .qbk-popup__footer.qbk-popup__footer--free-gift:after { content: 'Veuillez sélectionner vos échantillons gratuits avant de continuer.'; } [lang="de"] .qbk-popup-wrapper:not(:has(.qbk-offer__body--added)) .qbk-popup__footer.qbk-popup__footer--free-gift:after { content: 'Bitte wählen Sie Ihre kostenlosen Proben ausbevor Sie fortfahren.'; } @media (max-width: 575.98px) { .qbk-popup-wrapper:not(:has(.qbk-offer__body--added)) .qbk-popup__footer.qbk-popup__footer--free-gift:after { max-width: 250px; } }
<> wishlist-page { --text-color: var(--wk-color-text); --page-max-width: 1200px; --page-padding-top: 30px; --page-padding-bottom: 80px; --button-min-height: var(--wk-button-min-height); --button-border-width: var(--wk-button-border-width); --button-border-radius: var(--wk-button-border-radius); --input-min-height: var(--wk-input-min-height); --input-border-width: var(--wk-input-border-width); --input-border-radius: var(--wk-input-border-radius); --grid-columns-xs: 1; --grid-columns-sm: 2; --grid-columns-md: 2; --grid-columns-lg: 3; --grid-columns-xl: 4; --cta-button-background: rgb(var(--wk-color-accent-1)); --cta-button-border: solid var(--button-border-width) rgb(var(--wk-color-accent-1)); --cta-button-color: rgb(var(--wk-color-solid-button-label)); --variant-input-background: rgb(var(--wk-color-background-1)); --variant-input-border: solid var(--input-border-width) rgba(var(--wk-color-text)); --variant-input-color: rgb(var(--wk-color-text)); --variant-input-selected-background: var(--variant-input-background); --variant-input-selected-border: solid var(--input-border-width) rgba(var(--wk-color-text)); --variant-input-selected-color: var(--variant-input-color); --variant-input-selected-shadow: 0 0 0 var(--input-border-width) rgb(var(--wk-color-text)); --price-justify-content: center; --option-select-label-display: none; --image-aspect-ratio: 1/1; --image-object-fit: cover; --meta-text-align: center; }