/* Shared PinGifts page theme. Brand artwork keeps its original white canvas. */
.store-skin{
  --classic-control:#0c1425;
  --classic-raised:#19233a;
  --classic-hover:#202a43;
  --classic-link:#c59cff;
  --classic-gradient:linear-gradient(110deg,#8646da,#087d90);
  --classic-gradient-hover:linear-gradient(110deg,#9451e9,#087f93);
  color:var(--classic-text);
  color-scheme:dark;
}
.store-skin #main{min-width:0}
.store-skin #main>.section{position:relative}
.store-skin:not(.page-home) #main{
  background-color:var(--paper);
  background-image:linear-gradient(#8d54d50a 1px,transparent 1px),linear-gradient(90deg,#8d54d50a 1px,transparent 1px),radial-gradient(ellipse at 92% 0,#793fa318,transparent 48%),radial-gradient(ellipse at 0 35%,#12d5ef07,transparent 48%);
  background-size:64px 64px,64px 64px,100% 100%,100% 100%;
}
.store-skin :is(.page-heading,.catalog-heading,.account-page-heading,.checkout-heading,.guide-header){isolation:isolate}
.store-skin :is(.page-heading,.catalog-heading,.guide-header) h1{color:var(--classic-text)}
.store-skin :is(.breadcrumb,.catalog-caption,.catalog-status-note,.guide-review,.subtle,.field-help){color:var(--classic-muted)}
.store-skin :is(.breadcrumb a,.catalog-browse-links a,.text-link,.summary-continue,.knowledge-links a,.guide-citation a,.guide-sources a,.guide-related a){color:var(--classic-link)}
.store-skin :is(.breadcrumb,.catalog-caption) a:hover{color:var(--classic-cyan)}
.store-skin :is(.guide-body,.policy-text,.brand-guide) a{color:var(--classic-link);text-underline-offset:4px}
.store-skin :is(.guide-body,.policy-text,.brand-guide) a:hover{color:var(--classic-cyan)}
.store-skin :is(.page-heading,.catalog-heading) p{line-height:1.75}
.store-skin .eyebrow{color:var(--classic-purple);font-weight:600;letter-spacing:.04em}

/* Primary controls share the home palette with deeper stops for white labels. */
.store-skin .button,
.store-skin .account-ui .button{
  color:#fff;
  background:var(--classic-gradient);
  border-color:transparent;
  box-shadow:0 5px 22px #9253ef1c;
  font-weight:600;
  transition:background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.store-skin .button:hover:not(:disabled),
.store-skin .account-ui .button:hover:not(:disabled){
  color:#fff;
  background:var(--classic-gradient-hover);
  border-color:transparent;
  box-shadow:0 7px 26px #9754ef30;
}
.store-skin .button:active:not(:disabled){transform:translateY(1px)}
.store-skin :is(.small-button,.account-outline-button){
  background:var(--classic-raised);
  color:#decafa;
  border-color:#49516e;
}
.store-skin :is(.small-button,.account-outline-button):hover:not(:disabled){
  background:#272443;
  border-color:var(--classic-purple);
  color:#e5d1ff;
}
.store-skin .account-ui .account-outline-button:hover:not(:disabled){background:#272443;border-color:var(--classic-purple);color:#e5d1ff}
.store-skin :is(.text-button,.account-link-button){color:var(--classic-link)}
.store-skin :is(.button,.small-button,.account-outline-button):disabled,
.store-skin .account-ui :is(.button,.account-outline-button):disabled{
  background:#283249;
  border-color:#414c64;
  color:#adbad0;
  opacity:1;
  box-shadow:none;
  transform:none;
  cursor:not-allowed;
}
.store-skin :is(a,button)[aria-disabled=true]{opacity:.65;cursor:default;box-shadow:none}
.store-skin :is(input,select,textarea):where(:not([type=checkbox]):not([type=radio]):not([type=hidden])){
  background:var(--classic-control);
  border-color:#3b4661;
  color:var(--classic-text);
  color-scheme:dark;
}
.store-skin :is(input,textarea)::placeholder{color:#9ba7c0;opacity:1}
.store-skin :is(input,textarea)[readonly]{background:#192237;color:#c1cce0}
.store-skin :is(input,select,textarea):disabled{background:#20293b;color:#a2afc6;border-color:#39445a;opacity:1}
.store-skin input:is([type=checkbox],[type=radio]){accent-color:var(--classic-purple);color-scheme:dark}
.store-skin :is(select option,select optgroup){background:#131c2e;color:var(--classic-text)}
.store-skin input:-webkit-autofill,
.store-skin input:-webkit-autofill:focus{
  -webkit-text-fill-color:#f4f5fb;
  -webkit-box-shadow:0 0 0 1000px #142037 inset;
  caret-color:#f4f5fb;
}
.store-skin input:autofill{background:#142037;color:#f4f5fb}
.store-skin :is(input,select,textarea)[aria-invalid=true]{border-color:#ec879b}
.store-skin :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--classic-cyan);outline-offset:4px}
.store-skin .store-header-search input[type=search]{background:transparent;border:0;box-shadow:none}
.store-skin .country-picker select{background:transparent;border:0}
.store-skin .form-panel label{color:#dbe2f3}
.store-skin .form-panel :is(.subtle,.field-help){color:var(--classic-muted)}

/* Catalog, purpose and brand directories. */
.store-skin :is(.catalog-search-input,.catalog-filter-panel,.catalog-view-toggle,.brand-directory-search){
  background:var(--classic-surface);
  border-color:var(--classic-border);
  color:var(--classic-text);
}
.store-skin .catalog-search-input input{background:transparent;border:0;box-shadow:none}
.store-skin .catalog-filter-panel>summary{color:#e6e4f5}
.store-skin .catalog-filter-panel>summary::after{color:var(--classic-purple)}
.store-skin .catalog-country-field{background:#201d37;border-color:#3c3556}
.store-skin :is(.catalog-filter-content legend,.catalog-filter-content label){color:#d6ddef}
.store-skin .catalog-filter-content .catalog-radio{color:#b9c4da}
.store-skin .catalog-radio:has(input:checked){background:#332447;color:#e0c4ff}
.store-skin .catalog-filter-content .catalog-radio:hover{background:#242b43;color:#e4daf8}
.store-skin :is(.catalog-field-link,.catalog-sort-button,.catalog-page-direction,.catalog-brand-action){color:var(--classic-link)}
.store-skin .catalog-view-toggle a{color:#b4c0d6}
.store-skin .catalog-view-toggle a[aria-current=page]{background:#34244d;color:#e4ccff}
.store-skin .catalog-view-toggle a:hover{background:#29223f;color:#e4ccff}
.store-skin .catalog-active-filters a{background:#29203f;border-color:#614875;color:#e2cbff}
.store-skin .catalog-active-filters a:hover{background:#37264f;border-color:#ad77e8}
.store-skin :is(.catalog-availability-note,.catalog-selection-note){background:#211d36;border-color:#a76ee5;color:#c7cbe0}
.store-skin .catalog-availability-note{border-left-color:#ab79e6}
.store-skin :is(.catalog-empty,.store-empty){background:var(--classic-surface);border-color:var(--classic-border);color:var(--classic-text)}
.store-skin :is(.catalog-page-numbers a,.brand-alphabet a){color:#bdc8de}
.store-skin :is(.catalog-page-numbers a,.brand-alphabet a):hover{background:#28213e;color:#dfc8ff}
.store-skin :is(.catalog-page-numbers a,.brand-alphabet a)[aria-current=page]{background:#b482ff;color:#171023}
.store-skin :is(.category-directory-item,.catalog-brand-card,.brand-result){
  border:1px solid var(--classic-border);
  border-radius:12px;
  background:var(--classic-surface);
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.store-skin .category-directory-grid{border-top:0;gap:20px}
.store-skin .category-directory-item{padding:24px}
.store-skin :is(.category-directory-item,.catalog-brand-card,.brand-result,.brand-directory-item):hover{border-color:#9e70d7;box-shadow:0 7px 26px #0002}
.store-skin :is(.category-directory-item h2,.catalog-brand-copy>strong,.brand-result h3,.brand-directory-info strong){color:var(--classic-text)}
.store-skin :is(.category-directory-item:hover h2,.catalog-brand-card:hover strong,.brand-directory-item:hover strong){color:#d1aaff}
.store-skin .category-purpose-mark{background:#38254d;color:#d1aaff}
.store-skin :is(.category-purpose-food-groceries,.category-purpose-home-family-pets) .category-purpose-mark{background:#20392e;color:#99dfb9}
.store-skin :is(.category-purpose-travel-experiences,.category-purpose-transport-fuel) .category-purpose-mark{background:#1c3349;color:#8fcff2}
.store-skin :is(.category-purpose-fashion,.category-purpose-health-beauty) .category-purpose-mark{background:#3c253e;color:#e8acd4}
.store-skin :is(.category-purpose-books-learning,.category-purpose-sports-outdoors) .category-purpose-mark{background:#3d3220;color:#ecd09a}
.store-skin .catalog-brand-copy{padding:17px}
.store-skin .brand-result h3{margin-inline:17px}
.store-skin .brand-result p{margin-inline:17px;margin-bottom:18px}
.store-skin .brand-directory-item{background:var(--classic-surface);border-color:var(--classic-border)}
.store-skin .catalog-brand-initial,
.store-skin .brand-initial{color:#624196}
.store-skin .market-links a{background:var(--classic-surface);border-color:var(--classic-border);color:#dfd5f3}
.store-skin .market-links a:hover{background:#211d36;border-color:var(--classic-purple);color:#d4b3ff}

/* All SKU grids use the same dark cards; the source artwork is never tinted. */
.store-skin .product-grid .product-card{display:flex;flex-direction:column;border:1px solid var(--classic-border);border-radius:12px;background:var(--classic-surface);overflow:hidden;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.store-skin .product-grid .product-card:hover{border-color:#9867cc;box-shadow:0 7px 25px #0002}
.store-skin .product-grid .product-copy{padding:16px;display:flex;flex-direction:column;flex:1;min-width:0}
.store-skin .product-grid .product-name{color:var(--classic-text);overflow-wrap:anywhere}
.store-skin .product-grid .product-name:hover{color:#cfa8ff}
.store-skin .product-grid .card-meta{color:var(--classic-muted)}
.store-skin .product-grid .region{background:#292440;color:#d4c0ed;border-radius:4px;padding:1px 5px;white-space:normal}
.store-skin .product-grid .product-bottom{margin-top:auto;padding-top:13px;border-top:1px solid var(--classic-border)}
.store-skin .product-grid .product-bottom>strong{color:#98e2f1}
.store-skin .product-grid .small-link{color:#c5cde0}
.store-skin .product-grid .small-link span{background:#28223e;border-color:#514065;color:#d6b7fa}
.store-skin :is(.product-art,.detail-art,.catalog-brand-art,.brand-directory-art,.brand-result-art,.checkout-summary-art){background:#fff;color:#252334}
.store-skin :is(.catalog-brand-art,.brand-result-art){border-radius:0}
.store-skin .product-art .art-brand{color:#252334}
.store-skin .product-art .card-value{background:#fff;color:#242033;border:1px solid #e1dce9}
.store-skin .product-info>h1{color:var(--classic-text);overflow-wrap:anywhere}
.store-skin .product-info>.subtle{color:var(--classic-link)}
.store-skin .detail-price>strong{color:#91e1ef}
.store-skin .detail-specs{background:#131b2d;padding:20px;border:1px solid var(--classic-border);border-radius:10px}
.store-skin .detail-specs strong{color:#ece8f6}
.store-skin :is(.detail-disclaimer,.stock-note,.catalog-facts p){color:#b4bfd4}
.store-skin :is(.detail-bottom,.catalog-facts,.collection-copy){border-color:var(--classic-border)}
.store-skin .catalog-facts dd{color:#e9e4f4;overflow-wrap:anywhere}
.store-skin .add-to-cart{align-items:stretch}
.store-skin .add-to-cart .button{min-width:0}

/* Guides, researched brand pages, help, policies and credits. */
.store-skin :is(.guide-card,.guide-facts,.guide-contents,.guide-help,.knowledge-panel,.purpose-card,.form-panel,.summary-box,.code-box){
  background:var(--classic-surface);
  border-color:var(--classic-border);
  color:var(--classic-text);
  box-shadow:0 6px 24px #05081412;
}
.store-skin :is(.guide-card,.purpose-card){transition:border-color .18s ease,box-shadow .18s ease}
.store-skin :is(.guide-card,.purpose-card):hover{border-color:#895db8;box-shadow:0 6px 26px #0002}
.store-skin :is(.guide-card,.guide-help,.knowledge-panel,.form-panel,.summary-box) :is(h2,h3){color:var(--classic-text)}
.store-skin :is(.guide-facts dt,.knowledge-specs dd){color:#e7e7f6}
.store-skin :is(.guide-summary,.guide-facts dd,.guide-body li,.guide-contents li){color:#bbc6dd}
.store-skin .guide-contents{border:1px solid #49355e;background:#211c35}
.store-skin .guide-contents a{color:#d5b5ff}
.store-skin .guide-contents li+li{margin-top:7px}
.store-skin .guide-help{border:1px solid #423251;background:linear-gradient(115deg,#251d3b,#142639)}
.store-skin :is(.guide-body section,.guide-related,.brand-guide section){scroll-margin-top:145px}
.store-skin .guide-body p{color:#b7c1d6}
.store-skin .guide-citation{color:#aab5cd}
.store-skin .guide-citation a{overflow-wrap:anywhere}
.store-skin .brand-guide{max-width:850px}
.store-skin .brand-guide>section{padding:26px;background:var(--classic-surface);border:1px solid var(--classic-border);border-radius:12px}
.store-skin .brand-guide>section h2{font-size:25px}
.store-skin .brand-guide>section p:last-child{margin-bottom:0}
.store-skin :is(.guide-sources,.guide-related,.guide-facts dl>div+div,.knowledge-specs div,.variant-faq details){border-color:var(--classic-border)}
.store-skin :is(.variant-faq,.help-layout) summary{color:#e8e4f5;line-height:1.6}
.store-skin :is(.variant-faq,.help-layout) summary::after{color:var(--classic-purple)}
.store-skin .help-steps li::marker{color:#c392ff;font-weight:700}
.store-skin .help-steps strong{color:#ece9f8}
.store-skin .policy-text{color:#c4cce0;line-height:1.9}
.store-skin .empty :is(h1,h2){color:var(--classic-text)}
.store-skin .empty>span{color:var(--classic-purple)}
.store-skin .notice,
.store-skin .flash{background:#251d3b;border-color:#634783;color:#ded0f2}
.store-skin .error-text{color:#ff9caf!important}

/* Cart, administration and operational tables. */
.store-skin .cart-item{background:var(--classic-surface);border:1px solid var(--classic-border);border-radius:11px;padding:22px;margin-bottom:14px}
.store-skin .cart-item h2{color:#eeebf8;overflow-wrap:anywhere}
.store-skin .cart-item>strong{color:#9ce3ee}
.store-skin .summary-box .summary-line{border-color:var(--classic-border)}
.store-skin .summary-box .summary-line strong{color:#e9e5f6}
.store-skin .summary-box .summary-continue{color:var(--classic-link)}
.store-skin .admin-return{background:#221b35;color:#d7c2f4;border-bottom:1px solid #403353}
.store-skin .admin-nav{color:#bec8de;border-color:var(--classic-border)}
.store-skin .admin-nav a:hover{color:#d0a9ff}
.store-skin .stats>div{background:var(--classic-surface);border-color:var(--classic-border)}
.store-skin .stats strong{color:#dcc1ff}
.store-skin :is(.table-scroll,.comparison-scroll){background:var(--classic-surface);border-color:var(--classic-border);scrollbar-color:#5b5076 #11192b}
.store-skin :is(.table-scroll,.comparison-scroll) table{background:var(--classic-surface);color:#d7deef}
.store-skin :is(.table-scroll,.comparison-scroll) :is(th,thead){background:#211e37;color:#cab6e7}
.store-skin :is(.table-scroll,.comparison-scroll) :is(th,td){border-color:var(--classic-border)}
.store-skin :is(.table-scroll,.comparison-scroll) tbody tr:hover{background:#1b253b}
.store-skin :is(.table-scroll,.comparison-scroll) td a{color:#d1adff}
.store-skin :is(.table-scroll,.comparison-scroll) td strong{color:#eeeafa}
.store-skin :is(.empty-small,.message){background:var(--classic-surface);border-color:var(--classic-border);color:#c4cee2}
.store-skin .message strong{color:#ece7fa;overflow-wrap:anywhere}
.store-skin .message .policy-text{color:#b8c4da}
.store-skin .code-row{background:var(--classic-control);border-color:#384360;color:#e4eafa}
.store-skin .code-row code{min-width:0;overflow-wrap:anywhere}
.store-skin .status-badge{background:#29213f;border-color:#6d4a8b;color:#d7b8fc}
.store-skin .settings-form+.settings-form{margin-top:26px}
.store-skin .settings-form h2:not(:first-child){border-color:var(--classic-border)}

/* Private pages retain their status-specific green and amber treatments. */
.store-skin .account-ui .auth-tabs>a[aria-current]::after{background:linear-gradient(90deg,var(--classic-purple),var(--classic-cyan))}
.store-skin .account-ui .account-nav>a[aria-current]{color:#dcbfff;background:linear-gradient(110deg,#352248,#182b3c)}
.store-skin .account-ui .account-nav>a:hover,
.store-skin .account-ui .account-nav button:hover{background:#25243d;color:#dfc4ff}
.store-skin .account-ui .account-stats strong{color:#e0c8ff}
.store-skin .account-ui .account-secret-row code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#bbecf5}
.store-skin .account-ui .account-order-value>strong{color:#b3e9f2}
.store-skin .account-ui .checkout-summary-total strong{color:#c4a1ff}
.store-skin .account-ui .checkout-payment-note{background:#211e35;border-color:#443757}
.store-skin .account-ui .checkout-payment-note strong{color:#e2d5f5}
.store-skin .account-ui .checkout-payment-note svg{color:var(--classic-purple)}
.store-skin .account-ui .account-status-success{background:#193b2d;color:#a2ebc0}
.store-skin .account-ui .account-status-attention{background:#3b2e1b;color:#f2d393}
.store-skin .account-ui .account-message-warning{background:#302619;border-color:#655031;border-left-color:#c5984f;color:#efd3a2}
.store-skin .account-ui .account-message-warning strong{color:#f5dcac}

/* Optional enhancement: content remains visible before JavaScript or observers run. */
.store-skin .classic-reveal{opacity:1}
.store-skin.classic-motion-enabled .classic-reveal[data-classic-reveal="shown"]{animation:classic-page-reveal 420ms cubic-bezier(.2,.7,.3,1) both}
.store-skin.classic-motion-enabled .classic-reveal-delay-0[data-classic-reveal="shown"]{animation-delay:0ms}
.store-skin.classic-motion-enabled .classic-reveal-delay-1[data-classic-reveal="shown"]{animation-delay:40ms}
.store-skin.classic-motion-enabled .classic-reveal-delay-2[data-classic-reveal="shown"]{animation-delay:80ms}
.store-skin.classic-motion-enabled .classic-reveal-delay-3[data-classic-reveal="shown"]{animation-delay:120ms}
@keyframes classic-page-reveal{from{opacity:.25;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:900px){
  .store-skin .category-directory-grid{gap:16px}
  .store-skin .category-directory-item{padding:21px}
  .store-skin .detail-specs{padding:17px;gap:12px}
}
@media(max-width:620px){
  .store-skin .category-directory-grid{gap:12px}
  .store-skin .category-directory-item{padding:17px 14px}
  .store-skin .category-directory-item h2{font-size:20px;overflow-wrap:anywhere}
  .store-skin .category-directory-bottom{gap:8px}
  .store-skin :is(.catalog-brand-copy,.product-grid .product-copy){padding:12px}
  .store-skin .brand-result :is(h3,p){margin-inline:12px}
  .store-skin .product-grid .product-bottom{padding-top:10px}
  .store-skin .product-grid .product-name{font-size:15px;line-height:1.4}
  .store-skin .product-grid .card-meta{font-size:9px;gap:5px}
  .store-skin .product-grid .product-bottom>strong{font-size:14px}
  .store-skin .catalog-brand-copy>strong{font-size:18px}
  .store-skin .brand-guide>section{padding:21px}
  .store-skin .brand-guide>section h2{font-size:23px}
  .store-skin .cart-item{padding:19px 16px;gap:15px 10px}
  .store-skin .cart-item>div{min-width:0}
  .store-skin .cart-item h2{font-size:18px}
  .store-skin .cart-item form{flex-wrap:wrap}
  .store-skin .cart-item form select{flex:1;width:auto;min-width:75px}
  .store-skin .admin-search{gap:9px}
  .store-skin .admin-search .button{padding:11px 15px;min-height:44px}
  .store-skin .stats>div{min-width:0}
  .store-skin .stats strong{font-size:24px;overflow-wrap:anywhere}
  .store-skin .code-row .small-button{white-space:normal}
  .store-skin :is(.guide-body section,.guide-related,.brand-guide section){scroll-margin-top:180px}
}
@media(max-width:350px){
  .store-skin .product-grid{gap:17px 10px}
  .store-skin .product-grid .product-copy{padding:10px}
  .store-skin .product-grid .product-name{font-size:14px}
  .store-skin .product-grid .product-bottom>strong{font-size:13px}
  .store-skin .category-directory-grid{gap:10px}
  .store-skin .category-directory-item{padding:15px 12px}
  .store-skin .category-directory-item h2{font-size:18px}
  .store-skin .catalog-page-numbers{gap:0}
  .store-skin .catalog-page-numbers a,
  .store-skin .catalog-page-gap{min-width:26px}
  .store-skin .cart-item{grid-template-columns:minmax(0,1fr);gap:12px}
  .store-skin .cart-item>strong{grid-column:1;grid-row:auto}
  .store-skin .cart-item form{grid-column:1}
  .store-skin .brand-directory-search>div{flex-direction:column}
  .store-skin .brand-directory-search input{width:100%;flex:auto}
  .store-skin .brand-directory-search .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .store-skin :is(.classic-reveal,.button,.category-directory-item,.catalog-brand-card,.brand-result,.product-grid .product-card,.guide-card,.purpose-card){animation:none!important;transition:none!important}
  .store-skin .classic-reveal{opacity:1!important;transform:none!important}
}
@media print{
  .store-skin:not(.page-home) #main{background-image:none}
  .store-skin .classic-reveal{animation:none!important;opacity:1!important;transform:none!important}
}
